Softworn Cobalt color palette — #D4E2E0 · #7CBCD3 · #007FAA · #005862 · #002236

A conversation between Cerulean and Sky, giving this palette its sense of trust and stability.

The five colors

• Silver (#D4E2E0): a clean, paper-quiet neutral.
• Sky (#7CBCD3): A luminous, dusty blue — the color of open sky before noon.
• Cerulean (#007FAA): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005862): A full-bodied, dusty blue — the color of deep harbor water.
• Midnight (#002236): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Softworn 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

• Ultramarine Corridor color palette (#DCECEB, #6AA8DD, #0065BF, #004660, #000E3B)
• Cobalt Loft color palette (#E2F2F2, #A4C9E9, #2C8BD9, #006785, #122E52)
• Airy Terrace color palette (#FFF1F9, #94D7EE, #107DD1, #005342, #090034)
• Cerulean Atelier color palette (#E0F5F2, #43A0B8, #00617D, #003B40, #000B13)
• Wandering Periwinkle color palette (#EFF7F6, #D3DCF7, #6CACDB, #37869C, #354A5F)
• Cerulean Pier color palette (#EAF9F6, #7ADEDE, #009FAA, #007467, #003A43)
• Patina Peony color palette (#F0E4FE, #D642A3, #0079C3, #92006A, #001C33)
• Hushed Coral color palette (#EFDDF5, #EFAEB4, #F17D65, #9B4A76, #3D131B)

Browse the whole catalog at Explore, or see today's palette.