Weathered Cobalt color palette — #FCF1F9 · #9ECDE3 · #3E7EAC · #006247 · #2F385A
A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FCF1F9): bright and airy, almost weightless.
- Sky (#9ECDE3): A whisper-light, dusty blue — the color of open sky before noon.
- Cerulean (#3E7EAC): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#006247): A full-bodied, balanced teal — the color of sea glass.
- Navy (#2F385A): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Weathered Cobalt 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
- Faded Forest color palette (#FDF1FC, #67CACD, #00799C, #005A27, #003267)
- Weathered Chapel color palette (#FCF2F6, #C2E1F8, #6D8AC0, #1F7069, #3F4663)
- Dusty Cerulean Summit color palette (#F6F1E9, #B1D0BB, #3786A7, #005C57, #00233B)
- Dusty Sapphire Quarry color palette (#F8EAEF, #94B6D1, #4862B4, #00504E, #32244E)
- Cypress Parlor color palette (#E9F8FF, #CAE2FF, #CEA7CC, #2D7C5F, #273E4F)
- Worn Bronze color palette (#C6EBFC, #00899D, #A15600, #695200, #07303F)
- Gentle Teal color palette (#CFEFDB, #00AAA1, #007281, #004D6E, #372A59)
- Turquoise Loft color palette (#E9F8FF, #46AAD8, #00688B, #003A4E, #002535)
Browse the whole catalog at Explore, or see today's palette.