Tempered Villa color palette — #F5F1EB · #C4E5D7 · #5993C6 · #006B76 · #3C213A

Cerulean and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F5F1EB): bright and airy, almost weightless.
• Celadon Mist (#C4E5D7): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#5993C6): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#006B76): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#3C213A): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

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

• Tempered Cerulean color palette (#F5F1EB, #C9E4D4, #5096BD, #006C6C, #00352C)
• Cobalt Quarry color palette (#F7F1E7, #A7D2C7, #5679C4, #00586F, #1B1C3E)
• Denim Canyon color palette (#ECE6DD, #63AAAD, #006374, #003A2F, #000D15)
• Patina Bloom color palette (#ECF5E7, #62B6A1, #C07096, #007662, #3F172C)
• Timeworn Navy Villa color palette (#EBE5DA, #5B90B8, #044596, #002A34, #02001D)
• Abyss Canyon color palette (#E7E1D8, #428393, #00415A, #001F1E, #000104)
• Wandering Bloom color palette (#F0F7F1, #D3DEFD, #63ABEA, #328893, #3A495E)
• Muted Petrol Canyon color palette (#FAF0E2, #6ECECC, #00808F, #00543F, #001E28)

Browse the whole catalog at Explore, or see today's palette.