Weathered Cerulean color palette — #FAF4EC · #ADCFB7 · #2584A3 · #006058 · #0E3F5B

Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.

The five colors

• Ivory (#FAF4EC): bright and airy, almost weightless.
• Pistachio (#ADCFB7): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#2584A3): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#006058): A full-bodied, dusty teal — the color of sea glass.
• Navy (#0E3F5B): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Washed Petrol color palette (#F4EEE3, #8EBDAC, #2369B3, #004E5A, #1C2A57)
• Cobalt Corridor color palette (#FAEFEB, #B0D1B9, #2B84B7, #005E3F, #2F162C)
• Wandering Parlor color palette (#F8F5EF, #CAE6E0, #6DA2B4, #0F8071, #2E5346)
• Timeworn Corridor color palette (#F0EAE1, #4E8A9A, #00425B, #002221, #000A17)
• Pale Azure color palette (#FAF3F8, #B0DCEF, #22A0E0, #008056, #2C395B)
• Sky Hollow color palette (#EDF9EF, #A5EEFB, #4CC1EA, #4B9C92, #1F3D55)
• Dusty Denim color palette (#EFE9DE, #6EA8BC, #005E86, #003E3E, #00203F)
• Worn Petrol Bloom color palette (#FFF0F9, #F5C7D9, #D19EC5, #3D6BA1, #553444)

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