Soft Cobalt color palette — #F3F8E8 · #97D7FE · #0086CF · #00637B · #14416E
Cerulean and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#F3F8E8): A whisper-light, dusty green — the color of a quiet forest floor.
- Powder Blue (#97D7FE): A whisper-light, balanced blue — the color of open sky before noon.
- Cerulean (#0086CF): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#00637B): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#14416E): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, 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
- Muted Cerulean color palette (#F5F6EB, #8DDEE5, #008FA2, #006762, #004858)
- Chalky Atelier color palette (#F2F8E7, #79C0F3, #0070C1, #00526C, #093067)
- Chalky Cornflower color palette (#FFEEE1, #98D9FF, #3782E2, #006264, #1D1F48)
- Misty Periwinkle color palette (#FFF1F6, #B1E3FF, #5C9DF0, #008285, #353A6A)
- Softworn Hollow color palette (#EAEEDD, #5599B9, #004F75, #002E38, #001529)
- Teal Corridor color palette (#FCF3EB, #C6EBFF, #8CB7FF, #00A799, #3F356E)
- Tempered Cypress Grove color palette (#F5F6EF, #C6E9DE, #5DA7AB, #327D6E, #46584A)
- Washed Alley color palette (#FFF2EE, #FFCFC8, #FF9665, #B04770, #49413E)
Browse the whole catalog at Explore, or see today's palette.