Soft Cobalt color palette — #E8DAE2 · #6DBED8 · #007BBC · #005A52 · #0C1C43

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

The five colors

• Silver (#E8DAE2): bright and airy, almost weightless.
• Cyan (#6DBED8): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#007BBC): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#005A52): A full-bodied, dusty teal — the color of shallow lagoons.
• Midnight (#0C1C43): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, 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 Sapphire Loft color palette (#E4ECE3, #86B6E5, #4A64E8, #005764, #21163F)
• Aged Harbor color palette (#FCF4E7, #99D7EC, #0084B9, #005152, #000D1F)
• Wandering Pier color palette (#E3E6DA, #5CABC4, #00607F, #003D44, #002235)
• Azure Villa color palette (#FAECE4, #90CADD, #3C97E7, #008067, #17144E)
• Quiet Wisteria color palette (#CFE8F5, #97BCFF, #B27DF1, #007E75, #072A48)
• Feathered Thicket color palette (#FEF1F9, #80DDDC, #009DB8, #007749, #003752)
• Washed Azure color palette (#D4EFFF, #03A1EF, #006D9C, #003751, #000E18)
• Pale Harbor color palette (#DDF2FF, #0094B9, #B75300, #005C73, #2F1000)

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