Soft Cobalt color palette — #E3F2F2 · #8DB7D8 · #0069BA · #004C65 · #122D56

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

The five colors

• Cream (#E3F2F2): a clean, paper-quiet neutral.
• Sky (#8DB7D8): A luminous, dusty blue — the color of deep harbor water.
• Royal Blue (#0069BA): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#004C65): A deep, shadowed, dusty blue — the color of open sky before noon.
• Navy (#122D56): A deep, shadowed, balanced 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

• Timeworn Petrol Hollow color palette (#E4F2F0, #82BCC7, #00748B, #004F50, #003344)
• Tempered Sapphire color palette (#F5E4EA, #81BBE3, #3667C0, #004A50, #130E35)
• Antique Cobalt color palette (#F8ECE2, #94CCF4, #5F85CC, #006B73, #2A2752)
• Cerulean Boulevard color palette (#ECF8F6, #88DEED, #008EAA, #006667, #00475C)
• Denim Coast color palette (#D8E7E5, #529AB6, #005070, #002F36, #001626)
• Timeworn Lantern color palette (#D2F2FD, #74E3FB, #21AEE6, #00655D, #003545)
• Tempered Periwinkle color palette (#EFF7F7, #D9DBEB, #749BD2, #49758E, #485365)
• Dusty Courtyard color palette (#F7EBEF, #B5D8F5, #82A0F4, #00918E, #32244E)

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