Soft Cobalt color palette — #DCF3F3 · #7DA4CC · #2F72CF · #00577C · #010030

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

The five colors

• Frost (#DCF3F3): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#7DA4CC): A luminous, dusty blue — the color of deep harbor water.
• Royal Blue (#2F72CF): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#00577C): A full-bodied, balanced blue — the color of open sky before noon.
• Ink (#010030): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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 Balcony color palette (#E2F4F2, #5AADC8, #007FA8, #005C66, #000B14)
• Worn Basin color palette (#FCE7ED, #7396B8, #364CB0, #003A43, #0C0026)
• Softworn Azure Meadow color palette (#DAEFEE, #94C8E5, #2A9ADF, #007993, #00203E)
• Navy Parlor color palette (#EBF0E1, #4D7CAA, #00377D, #001D2C, #00000D)
• Cerulean Garden color palette (#CBE6EA, #009FAA, #00727A, #004146, #000203)
• Ultramarine Balcony color palette (#C3EEEE, #007F81, #2D5DC8, #3E6600, #000202)
• Dusty Bronze color palette (#D6F7FF, #00918C, #886E00, #00625E, #090500)
• Washed Cerulean Coast color palette (#EAF9F7, #C1E6FB, #6EBDE2, #009EAE, #033F5D)

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