Soft Cobalt color palette — #E5DED3 · #69BCE0 · #008AD3 · #006C73 · #001233
Built around Cerulean, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Bone (#E5DED3): a clean, paper-quiet neutral.
- Cyan (#69BCE0): A luminous, balanced blue — the color of deep harbor water.
- Cerulean (#008AD3): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#006C73): A full-bodied, balanced blue — the color of deep harbor water.
- Midnight (#001233): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Dusty Alley color palette (#F6EDDE, #6EC0C4, #0092AB, #006F5C, #001721)
- Patina Cornflower color palette (#EDE7DF, #99C5EB, #4A8EFF, #007993, #161944)
- Weathered Ultramarine Basin color palette (#ECDFD6, #59AED0, #0063C3, #004B40, #12053D)
- Azure Boulevard color palette (#DAEAE3, #2EADE3, #A25700, #006B92, #1C0A00)
- Soft Cerulean Alley color palette (#CEEFF2, #009AB0, #007B9F, #004E6F, #00162F)
- Misty Field color palette (#F3EEE6, #A3DDF3, #20B0F7, #009094, #102F50)
- Hazy Lantern color palette (#D7EAF9, #34A4FF, #0076C7, #004774, #000207)
- Sapphire Bloom color palette (#FDE7F2, #44C7F6, #0064C5, #003F36, #020012)
Browse the whole catalog at Explore, or see today's palette.