Soft Cobalt color palette — #F5EDE2 · #9BCDE2 · #338EC8 · #006B70 · #012C5F

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

The five colors

• Cream (#F5EDE2): bright and airy, almost weightless.
• Sky (#9BCDE2): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#338EC8): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#006B70): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#012C5F): A deep, shadowed, balanced blue — the color of deep harbor water.

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

• Cerulean Quarry color palette (#F3EEE5, #B0CDB2, #0097AD, #006E59, #003345)
• Washed Terrace color palette (#F8F5EF, #BADED0, #6B99CD, #00798B, #283863)
• Turquoise Garden color palette (#C3EAE9, #00B5C6, #0081A2, #005C83, #002C50)
• Cobalt Delta color palette (#E7DED0, #8FB5DA, #4570C9, #00566C, #171251)
• Cerulean Canyon color palette (#D1F8EA, #C2D8FF, #BAACEC, #008D9E, #143A59)
• Washed Chapel color palette (#F0EAE1, #6698BF, #2056A2, #003A46, #04002D)
• Raspberry Harbor color palette (#C8EADD, #0090CD, #C6417C, #657100, #002235)
• Weathered Petrol color palette (#F3EDE3, #70ADB8, #00718F, #004B44, #001625)

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