Weathered Cerulean color palette — #F9F3F7 · #B6E6F2 · #249AB0 · #247349 · #334B5D
A conversation between Cerulean and Pine, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F9F3F7): bright and airy, almost weightless.
- Powder Blue (#B6E6F2): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#249AB0): A luminous, balanced blue — the color of deep harbor water.
- Pine (#247349): A full-bodied, balanced teal — the color of shallow lagoons.
- Charcoal (#334B5D): A full-bodied, 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 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
- Weathered Cobalt Orchard color palette (#FAF3F6, #C5E0F7, #698AC5, #007077, #3F475E)
- Wandering Cerulean Boulevard color palette (#FAF2F8, #9DCDE1, #1683AC, #00624E, #223C59)
- Hushed Lagoon Harbor color palette (#EDF8F5, #B3F3EF, #66B3B7, #378B7A, #284D5B)
- Patina Cypress color palette (#F2F2E9, #CAE5C8, #4C9CA0, #136D5E, #193321)
- Washed Denim Archive color palette (#F9E8F4, #539DA4, #005269, #003123, #001529)
- Cobalt Balcony color palette (#ECF9EE, #BF994D, #0992D9, #835F00, #28455E)
- Washed Courtyard color palette (#E8FBE8, #BEE9E9, #9CD3B4, #9B6B5A, #3E5647)
- Navy Market color palette (#EEDCE4, #4D88AA, #003881, #002224, #070128)
Browse the whole catalog at Explore, or see today's palette.