Weathered Cerulean Villa color palette — #F4F7EA · #B1D9C2 · #008CB4 · #00656E · #004563

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

The five colors

• Ivory (#F4F7EA): bright and airy, almost weightless.
• Pistachio (#B1D9C2): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#008CB4): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#00656E): A full-bodied, dusty blue — the color of open sky before noon.
• Navy (#004563): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Weathered 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

• Feathered Cobalt color palette (#F3F7EC, #A6D5F5, #0084D6, #00627D, #134074)
• Muted Harbor color palette (#DEE0D0, #539BAC, #005267, #002F32, #001722)
• Antique Alley color palette (#EDF0E6, #8FBDA9, #006FA4, #004D5D, #003054)
• Gentle Sky Study color palette (#EAF9F7, #C8E1FF, #3DC6FC, #00A3B4, #014565)
• Azure Courtyard color palette (#FCF2F8, #9FE8FE, #03A5F3, #008477, #293F69)
• Weathered Petrol Orchard color palette (#F4F6F0, #CAE2E3, #749EC2, #267993, #5E4B60)
• Chalky Lagoon color palette (#E3F2CD, #009768, #007DA4, #715F00, #003B26)
• Ancient Thicket color palette (#E2E7DB, #5F84A7, #00397C, #002030, #00012F)

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