Soft Cobalt color palette — #F3EBDE · #7DB7E4 · #4882D8 · #006A7F · #0A0246

Azure and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F3EBDE): bright and airy, almost weightless.
• Sky (#7DB7E4): A luminous, balanced blue — the color of open sky before noon.
• Azure (#4882D8): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#006A7F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Indigo (#0A0246): A deep, shadowed, balanced violet — the color of wild irises.

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

• Patina Cerulean color palette (#E7DFD2, #75BDCE, #008FBD, #006D69, #001527)
• Ancient Parlor color palette (#ECDFD3, #6DA8D6, #4A5EB2, #004A4A, #1C0039)
• Pale Thicket color palette (#F4EDE3, #ADE0CE, #63A8F6, #008EA3, #1C2A58)
• Feathered Navy Workshop color palette (#DEE9E0, #5490BE, #004499, #002A34, #02001D)
• Faded Lapis color palette (#F7EAEF, #86BDE9, #4556D1, #003E3E, #04000E)
• Indigo Lagoon color palette (#EFE7F5, #EE9BD5, #E0899B, #7167C3, #240526)
• Orchid Hollow color palette (#F0E4F6, #B039DF, #9D6800, #007675, #100019)
• Turquoise Pier color palette (#FFF4E2, #80EFED, #00C0D5, #009B77, #003949)

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