Soft Cobalt Studio color palette — #E3DDD5 · #77BBDC · #007AC1 · #005860 · #031C48

Cerulean and Midnight set the tone — five colors that lean into trust and stability.

The five colors

• Bone (#E3DDD5): bright and airy, almost weightless.
• Sky (#77BBDC): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#007AC1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005860): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Midnight (#031C48): A deep, shadowed, balanced violet — the color of wild irises.

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

Use it as a design system

One click turns Soft Cobalt Studio 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

• Muted Courtyard color palette (#F1E9DE, #68C2C9, #00829B, #005B4C, #002332)
• Dusty Lantern color palette (#F5EDE1, #A5C9EA, #4881EE, #006881, #252950)
• Cobalt Chapel color palette (#E5FAF9, #A9D2EE, #0083BF, #004F5F, #000D1D)
• Pale Denim Study color palette (#F2E5DB, #64A9C6, #0054AB, #003F36, #1D1448)
• Weathered Field color palette (#FCF4E7, #61E0EB, #009CBA, #007463, #00384F)
• Feathered Periwinkle Study color palette (#FBF4E9, #B4E2FF, #3C9FFE, #008091, #2F3E64)
• Aged Studio color palette (#F4DDE3, #D3006D, #5F7300, #005E8E, #280010)
• Hushed Peony Veranda color palette (#FFE3E1, #D8468E, #00896D, #960059, #002118)

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