Soft Cobalt color palette — #FFF2EA · #B3D8C4 · #0086CE · #00675F · #233B78
Cerulean takes the lead with Navy close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#FFF2EA): a clean, paper-quiet neutral.
- Oat (#B3D8C4): A whisper-light, dusty teal — the color of sea glass.
- Cerulean (#0086CE): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#00675F): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#233B78): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Soft 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
- Washed Quarry color palette (#FFF2EB, #BAD8B7, #008FA5, #006B3C, #004563)
- Faded Cobalt color palette (#FFF2EA, #74C3E5, #0070C0, #005654, #1E2773)
- Timeworn Cerulean Quarry color palette (#E4F6F4, #8CDDF9, #008FBD, #00606B, #00283E)
- Aged Workshop color palette (#F4F7E8, #A2E7FF, #00AAE0, #00808F, #134461)
- Hushed Alley color palette (#F9F4EF, #CAE6E9, #839AC0, #257C83, #634A59)
- Washed Violet color palette (#FFE2EF, #8769D2, #797700, #166D37, #332851)
- Feathered Cobalt Orchard color palette (#FFF0F7, #F7D1F4, #FF94AD, #006FC0, #4C3A66)
- Sky Atelier color palette (#FFF0F9, #BCEEFF, #69BFFF, #00A79A, #293D6D)
Browse the whole catalog at Explore, or see today's palette.