Cerulean Villa color palette — #F9EEF2 · #C3E0F9 · #748EBB · #28696F · #222B45
Built around Slate Blue, softened by Teal — the whole palette hums with trust and stability.
The five colors
- Blush (#F9EEF2): bright and airy, almost weightless.
- Powder Blue (#C3E0F9): A whisper-light, dusty blue — the color of open sky before noon.
- Slate Blue (#748EBB): A luminous, dusty violet — the color of twilight just after sunset.
- Teal (#28696F): A full-bodied, dusty blue — the color of open sky before noon.
- Midnight (#222B45): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Cerulean 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
- Patina Cerulean Bloom color palette (#FAF4EE, #C4E5D9, #7388BF, #02716E, #5E3B4C)
- Hushed Cerulean Archive color palette (#F8EFF5, #A0D0DF, #008AA6, #045E3E, #062237)
- Softworn Dune color palette (#EEDDEA, #26AFC1, #006082, #003B2E, #000B1D)
- Powdered Amber color palette (#FFECF2, #C37B0E, #4286B7, #4F6B9A, #2C161E)
- Hushed Garden color palette (#F3F7EC, #DAD5E0, #96BFEB, #518AA4, #4D364D)
- Hushed Cerulean color palette (#F2E4EB, #0085A7, #003E67, #001F1D, #00000C)
- Azure Lantern color palette (#FFECF2, #D99244, #3C95D4, #8E5507, #0E2940)
- Washed Petrol Corridor color palette (#F6E3E9, #90B8DD, #4F67AC, #004A54, #170D34)
Browse the whole catalog at Explore, or see today's palette.