Soft Cobalt color palette — #F3E3F5 · #2477C6 · #387619 · #00503E · #180A19

Azure and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F3E3F5): A whisper-light, dusty pink — the color of a candy shop window.
• Azure (#2477C6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Olive (#387619): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#00503E): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#180A19): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.

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

• Chalky Alley color palette (#FCECFA, #385EBC, #005B16, #003832, #000C06)
• Tempered Alley color palette (#FFF0F9, #A5A1FF, #3F9027, #006A84, #220D1A)
• Hushed Delta color palette (#E0EDE1, #008689, #7F5F00, #404900, #031505)
• Linen Orchid Bloom color palette (#FFECF0, #AF3ED2, #007983, #005071, #260812)
• Dusty Olive color palette (#EFE9D1, #656B00, #006262, #003C51, #0B0700)
• Byzantium Ridge color palette (#EEECFF, #9949AB, #387035, #1D521C, #27223A)
• Worn Lagoon color palette (#F7F1E8, #A99257, #30967B, #006C71, #2A2111)
• Olive Corridor color palette (#F5E6D9, #B05B00, #347700, #00503E, #1C0B00)

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