Soft Cobalt color palette — #FFF3E8 · #9AD8F9 · #4C7CD5 · #00675F · #3F3864
A conversation between Azure and Pine, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FFF3E8): a clean, paper-quiet neutral.
- Powder Blue (#9AD8F9): A whisper-light, dusty blue — the color of deep harbor water.
- Azure (#4C7CD5): A full-bodied, balanced violet — the color of wild irises.
- Pine (#00675F): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#3F3864): A deep, shadowed, dusty violet — the color of twilight just after sunset.
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
- Dusty Cerulean Lagoon color palette (#FFF2ED, #74E2EC, #008BBA, #006B3C, #273F69)
- Cobalt Lantern color palette (#E8F5F4, #A9D7F3, #308AC8, #005F75, #002549)
- Cerulean Parlor color palette (#FDF3ED, #BCE9CE, #608FB9, #326F5C, #583E51)
- Quiet Drift color palette (#FFF3E7, #61C2FD, #365EE5, #005653, #382460)
- Apricot Study color palette (#F5F3FF, #FFC9F6, #FD927E, #4679A8, #5B363E)
- Worn Powder color palette (#FCF2F6, #C8EAFF, #87B8FF, #00A5AA, #37396C)
- Soft Drift color palette (#F0E6FF, #B064FF, #496D00, #005D3B, #472332)
- Lagoon Market color palette (#FCE9E2, #2B9098, #00425B, #002411, #000721)
Browse the whole catalog at Explore, or see today's palette.