Cerulean Villa color palette — #F9EEF6 · #9ED1E2 · #0089AB · #005E43 · #00223C

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

The five colors

• Blush (#F9EEF6): bright and airy, almost weightless.
• Sky (#9ED1E2): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#0089AB): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#005E43): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#00223C): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Dusty Cerulean Ridge color palette (#ECF8F6, #A7CCD9, #008798, #00605A, #024250)
• Timeworn Cypress color palette (#F7EFF4, #C0E2F6, #6A92B5, #086D67, #1F2C43)
• Patina Petrol Cabin color palette (#F0E6EB, #8ABBD3, #336EA9, #004B4A, #0C1038)
• Worn Abyss color palette (#E9D9E5, #46838C, #004159, #002018, #000105)
• Tempered Turquoise color palette (#F5F6EC, #BAE2EA, #3FB8CB, #008079, #0C3723)
• Pewter Meadow color palette (#D4FBF7, #B2E7F2, #8EC2DA, #646D38, #002C2D)
• Peony Alley color palette (#D3F0EC, #5EA55E, #AE5EA8, #066213, #2F0A2D)
• Feathered Pine color palette (#EAE8D6, #8FA040, #2F7B26, #004D32, #00231B)

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