Weathered Cobalt color palette — #F9EEF5 · #9BD1E5 · #447FBE · #005D4D · #161F39
Cerulean and Pine set the tone — five colors that lean into trust and stability.
The five colors
- Blush (#F9EEF5): a clean, paper-quiet neutral.
- Sky (#9BD1E5): A whisper-light, dusty blue — the color of open sky before noon.
- Cerulean (#447FBE): A full-bodied, balanced blue — the color of open sky before noon.
- Pine (#005D4D): A full-bodied, balanced teal — the color of sea glass.
- Midnight (#161F39): 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
- Aged Grove color palette (#EDF9EF, #98CFE2, #3F80A6, #005F61, #243C56)
- Dusty Iris color palette (#F7EFF2, #C0E1FD, #7389D1, #096C6B, #272A41)
- Softworn Forest color palette (#EFE6F0, #78C3BC, #00788E, #0F4F04, #00172B)
- Muted Alley color palette (#C8EEE0, #00A6AB, #006D81, #004169, #14193B)
- Navy Harbor color palette (#E8DAE1, #3B829C, #003B73, #00201A, #01000A)
- Hushed Mallow Grove color palette (#E2F5FF, #DAD3F1, #D498DA, #358063, #122A3A)
- Muted Archive color palette (#E2F1F7, #008C97, #966200, #745600, #00171F)
- Softworn Periwinkle color palette (#E6F4FF, #5FADE2, #006F9A, #003860, #000D1A)
Browse the whole catalog at Explore, or see today's palette.