Cobalt Drift color palette — #EBD6ED · #3981CD · #7B6A00 · #004988 · #312900

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

The five colors

• Thistle (#EBD6ED): A whisper-light, dusty pink — the color of peonies in June.
• Azure (#3981CD): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Olive (#7B6A00): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#004988): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#312900): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

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

• Nightshade Chapel color palette (#EBD7E5, #6C77C6, #786B00, #3800CB, #2F2900)
• Gentle Villa color palette (#F9E9F4, #7F88C6, #A06D00, #4442B5, #493000)
• Cobalt Quarry color palette (#CFE1F3, #0A84D5, #00813D, #00497A, #001806)
• Aged Balcony color palette (#F7DAE9, #6B5DB6, #705500, #3E0096, #231900)
• Powdered Brick color palette (#CCE5DB, #0089BF, #BB3019, #004F70, #510700)
• Quiet Loft color palette (#CCE4DD, #379FED, #00A149, #0068A6, #003312)
• Ancient Aubergine Lantern color palette (#F7D3DD, #9C61BD, #657300, #6D0094, #262D00)
• Indigo Alley color palette (#FFDFF3, #5C5CC2, #8C4B00, #544F00, #1A1A3F)

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