Cerulean Villa color palette — #FBF3F0 · #B2CDB4 · #0084AB · #1C6236 · #4A2F4B

Built around Cerulean, softened by Pine — the whole palette hums with nature and growth.

The five colors

• Ivory (#FBF3F0): bright and airy, almost weightless.
• Pistachio (#B2CDB4): A whisper-light, dusty green — the color of fresh herbs.
• Cerulean (#0084AB): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#1C6236): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal (#4A2F4B): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Cobalt Market color palette (#FCF4EB, #A7CFC2, #5C73C0, #00605F, #512E3E)
• Cerulean Thicket color palette (#EAF5EC, #89D7DC, #118AA2, #005D4D, #002434)
• Powdered Sapphire Lagoon color palette (#F8ECE3, #85BAD1, #0D66C2, #005145, #292654)
• Patina Cypress color palette (#FBF4E9, #BBDFC0, #49A3B9, #1C7D6A, #0E4055)
• Pale Rust color palette (#E4F3E7, #00A0AD, #CA4441, #00636B, #542522)
• Dusty Onyx Harbor color palette (#E9DCD6, #448D96, #00425E, #002413, #000427)
• Wandering Lilac color palette (#E5FDE6, #B1DDFF, #BA96EE, #3D7948, #2E4C39)
• Softworn Lagoon Corridor color palette (#FAF3F8, #BFE8F5, #66BFDE, #40A07B, #1E3D58)

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