New in ECS: Two Small Tools That Make Design Decisions Faster
Designing a page in Elementor often starts with two simple questions: what colors should this page use, and which fonts should work together?
Those questions sound small, but they can slow down the entire design process. You try one color, then another. You test a heading font, then a body font, then you wonder if the accent font feels right. Before you know it, the page is still unfinished and most of the time was spent choosing, not building.
The newest ECS updates are made for exactly this moment.
ECS now includes Color Wheel, a lightweight palette generator for the Elementor editor, and ECS Pro adds Font Pair, a simple typography helper that brings ready-made font combinations directly into Elementor typography controls.
Color Wheel: Simple Color Palettes Inside Elementor
Color Wheel is a new ECS feature that helps you generate harmonious color palettes without leaving the Elementor editor.
The idea is simple. Instead of guessing which colors work together, you can use Color Wheel to create balanced palettes based on color harmony. The harmony logic runs in JavaScript, which keeps the feature very lightweight and fast inside the editor.
You can create palettes, save them, update them, and delete the ones you no longer need. The system is intentionally simple, with a maximum of 50 palettes, so it stays practical and does not become another heavy design database inside WordPress.
This makes Color Wheel useful when you want to explore a campaign color, prepare a landing page, test a brand direction, or quickly build a small set of colors that feel consistent together.
A Small Example
Imagine you are building a page for a summer campaign.
You have one main color in mind, but you do not want the whole page to look flat. You need a few supporting colors: one for backgrounds, one for accents, one for buttons, and maybe one softer tone for sections.
Without Color Wheel, you might open another tool, generate a palette, copy values, paste them back into Elementor, and repeat the process until it feels right.
With Color Wheel, the work happens directly where you are already designing. You generate a palette, save it, adjust it if needed, and keep building.
Font Pair in ECS Pro
ECS Pro also introduces Font Pair, a new helper for typography decisions in the Elementor editor.
Font Pair adds a button to each Typography control. When you click it, a modal opens with preset font pairings. Each preset is built around a simple structure: heading, body, and accent.
This makes it easier to choose fonts that feel intentional without manually testing combinations over and over again. You pick a preset, apply it, and Elementor receives the values through its command API.
The important part is that Font Pair is an editor helper. It does not print anything extra on the front end. There is zero frontend output. The presets are hardcoded in JavaScript and are used only to help you apply typography choices faster while editing.
Why This Matters
Both features follow the same ECS idea: help Elementor users move faster without adding unnecessary weight.
Color Wheel helps with color direction. Font Pair helps with typography direction. Neither feature tries to take over your design system. They simply reduce the small repetitive decisions that usually slow down page building.
For freelancers, this means faster first drafts. For agencies, it means more consistent design work across pages. For site owners, it means fewer random choices and a cleaner visual result.
Lightweight by Design
These features are intentionally small.
Color Wheel keeps its harmony logic in JavaScript and limits saved palettes to a practical number. Font Pair works inside the Elementor editor, uses hardcoded presets, applies choices through Elementor, and adds no frontend output.
That is the point. ECS is not trying to make Elementor heavier. It is trying to make the editor more useful while keeping the website output clean.
Conclusion
Color Wheel and Font Pair are small features, but they solve real everyday problems.
Color Wheel helps you create harmonious color palettes directly in the Elementor editor. Font Pair helps you apply clean typography combinations without leaving the typography control. Together, they make the first design pass faster, easier, and more consistent.
Less guessing. Less switching between tools. Less repetitive setup.
Just a faster way to make Elementor designs feel more complete.