Cerulean Villa color palette — #FBF2F7 · #BCE3F8 · #5291BD · #177166 · #384961

Cerulean takes the lead with Teal close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FBF2F7): bright and airy, almost weightless.
• Powder Blue (#BCE3F8): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#5291BD): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#177166): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#384961): A full-bodied, 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

• Tempered Ridge color palette (#F7EFF4, #BDE3F7, #6292BF, #106E58, #202B46)
• Lagoon Courtyard color palette (#FDF3ED, #C3E7E4, #7FA9D3, #388B75, #5C3C52)
• Hushed Hollow color palette (#F9F4EE, #C3E7E5, #86C7ED, #00AEAE, #225148)
• Weathered Balcony color palette (#EFE2EC, #00929C, #004357, #002318, #000A17)
• Mustard Ridge color palette (#E3FCEE, #B2A12C, #8A7DC6, #736607, #3A405E)
• Washed Workshop color palette (#EBDAE1, #019DCD, #004A87, #00302F, #09093D)
• Petrol Coast color palette (#FAE9F2, #75BDD9, #1A6CAA, #00504C, #1E2A55)
• Timeworn Boulevard color palette (#DFFEED, #BFE6F0, #96D0C4, #927450, #3F5550)

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