Weathered Cerulean color palette — #FBF2FA · #95DCE3 · #008BBA · #006B3C · #193D79
A conversation between Cerulean and Pine, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FBF2FA): bright and airy, almost weightless.
- Ice Blue (#95DCE3): A whisper-light, dusty blue — the color of open sky before noon.
- Cerulean (#008BBA): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#006B3C): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#193D79): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Hushed Cobalt color palette (#FDF1F7, #A2D6F4, #537DCE, #006760, #413372)
- Hushed Petrol color palette (#FEF0FC, #70C7D5, #0076AA, #00593A, #172C6C)
- Timeworn Cerulean color palette (#F7F1E7, #94DFE3, #0092AC, #006453, #00293A)
- Aged Turquoise Villa color palette (#EEF8F0, #ABE8EB, #00ADCC, #00856F, #09465E)
- Linen Thicket color palette (#E5EAFF, #6371E7, #8D6E00, #536216, #252C57)
- Blush Coast color palette (#EFF6FF, #F4D4E5, #F69BAC, #00879E, #3C3E6F)
- Dusty Denim Corridor color palette (#F3E6F3, #5C9C9D, #005169, #003212, #00132E)
- Navy Boulevard color palette (#F6E5ED, #5F869F, #00387F, #00231E, #0A0028)
Browse the whole catalog at Explore, or see today's palette.