Cerulean Villa color palette — #F9F4ED · #C5E7CA · #3798B0 · #346E62 · #2E5043

Cerulean and Teal set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F9F4ED): a clean, paper-quiet neutral.
• Celadon Mist (#C5E7CA): A whisper-light, dusty green — the color of a quiet forest floor.
• Cerulean (#3798B0): A luminous, balanced blue — the color of open sky before noon.
• Teal (#346E62): A full-bodied, dusty teal — the color of glacier melt.
• Deep Olive (#2E5043): A full-bodied, dusty teal — the color of sea glass.

Feels like: Nature, Growth, 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

• Tempered Harbor color palette (#FAF4EC, #BCE8D5, #638FB5, #076F79, #573E56)
• Muted Delta color palette (#FDF4E6, #8BDFE1, #008FA4, #006954, #00475E)
• Lagoon Ridge color palette (#E3FCED, #BDE7E9, #BBC6F1, #488680, #40564C)
• Aged Turquoise Courtyard color palette (#E6FCEB, #00B4C5, #C66D59, #00737F, #48413D)
• Washed Cerulean Veranda color palette (#F6ECDC, #349EB4, #00516C, #00302D, #001527)
• Weathered Driftwood Harbor color palette (#DDFFE8, #0099B1, #A36096, #7B6719, #273E30)
• Softworn Turquoise color palette (#FBF2F8, #CDE1F7, #6CAFC9, #4A8970, #2F4A64)
• Petrol Boulevard color palette (#F7EDDD, #7BBEC9, #007391, #005049, #00324C)

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