Tempered Villa color palette — #ECF9F3 · #4C9AC2 · #4F8E72 · #2D6C5A · #30423A
Cerulean and Fern set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#ECF9F3): a clean, paper-quiet neutral.
- Cerulean (#4C9AC2): A luminous, balanced blue — the color of a favorite pair of jeans.
- Fern (#4F8E72): A full-bodied, dusty teal — the color of shallow lagoons.
- Pine (#2D6C5A): A full-bodied, dusty teal — the color of glacier melt.
- Charcoal (#30423A): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.
Use it as a design system
One click turns Tempered Villa into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.
Similar palettes
- Aged Lilac color palette (#FFF1F5, #A47FBA, #618A6B, #45694D, #4B363D)
- Patina Ash color palette (#FCF1F9, #8595CA, #8D693B, #125D6E, #244C36)
- Wandering Dune color palette (#FDF2F7, #A9A3D9, #B3976B, #5E884D, #483740)
- Fern Quarry color palette (#EDF1FF, #938DC0, #987F4B, #436A3C, #1D2134)
- Dusty Delta color palette (#F2F8E4, #A1A2D5, #9D6375, #2B6460, #593F47)
- Weathered Marigold Chapel color palette (#F0F5FF, #AFBFFC, #E1AA6B, #5DA9A2, #363D4B)
- Worn Violet color palette (#FFE7EF, #8756AF, #007164, #005047, #381C27)
- Dusty Petrol Grove color palette (#F9F3F8, #ABBFF2, #A1723D, #566AA4, #322D27)
Browse the whole catalog at Explore, or see today's palette.