Soft Cobalt color palette — #FCF2F8 · #ABD5EC · #2A84CE · #006953 · #323779

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

The five colors

• Ivory (#FCF2F8): bright and airy, almost weightless.
• Powder Blue (#ABD5EC): A whisper-light, dusty blue — the color of deep harbor water.
• Azure (#2A84CE): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#006953): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#323779): 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

• Powdered Forest color palette (#FBF1FD, #AAD7E3, #008DAD, #006C1A, #064171)
• Feathered Basin color palette (#FFF0F8, #7EC3DE, #006CCD, #00574A, #2D246E)
• Softworn Cobalt color palette (#F9F1E4, #A0DAED, #008EC3, #006261, #012646)
• Hushed Studio color palette (#FAF3F6, #D9DEEF, #8399C6, #1E7E77, #4A506E)
• Hazy Harbor color palette (#D5F4E7, #00B6A6, #008098, #005B85, #223C83)
• Worn Mallow Archive color palette (#E9F8FF, #DBD7F7, #E9A5DA, #007F6C, #114668)
• Onyx Delta color palette (#EBDCE7, #6A96AC, #004E7A, #003123, #080543)
• Chalky Sky color palette (#EBF7FF, #3DB9F7, #0077A1, #003F5F, #002D40)

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