Soft Cobalt color palette — #EFF4E6 · #A3D6FF · #4486C9 · #005D7C · #09234C
Built around Cerulean, softened by Peacock — the whole palette hums with trust and stability.
The five colors
- Cream (#EFF4E6): a clean, paper-quiet neutral.
- Powder Blue (#A3D6FF): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#4486C9): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005D7C): A full-bodied, balanced blue — the color of deep harbor water.
- Midnight (#09234C): 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
- Tempered Cobalt color palette (#EFF8F0, #A1D5FD, #3D7ED8, #006477, #2F3A72)
- Sapphire Quarry color palette (#EEF5E2, #81C1FF, #1C6ED6, #004D6D, #041346)
- Tempered Cerulean color palette (#F2F3E5, #77E4E9, #0094A3, #00635B, #002A33)
- Cerulean Station color palette (#ECF0E2, #3C93C5, #004C7E, #002A37, #000410)
- Hazy Cornflower Pier color palette (#D7E6FF, #2F79FF, #B135B3, #007070, #031539)
- Patina Mallow color palette (#FFEAFE, #D3DDFF, #C2B3FF, #4B7FAC, #1C2849)
- Muted Iris color palette (#FFF3E7, #B8E1FF, #7F98E1, #008281, #463467)
- Weathered Cypress color palette (#EAEADE, #73C3C1, #007A80, #004C42, #001A1E)
Browse the whole catalog at Explore, or see today's palette.