Cobalt Drift color palette — #FCF1FC · #487ACE · #695A00 · #004B51 · #1C2B1F

A conversation between Azure and Olive, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FCF1FC): bright and airy, almost weightless.
• Azure (#487ACE): A full-bodied, balanced violet — the color of wild irises.
• Olive (#695A00): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Teal (#004B51): A deep, shadowed, dusty blue — the color of deep harbor water.
• Onyx (#1C2B1F): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant, muted.

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

• Aged Archive color palette (#FEF1F5, #9064A6, #755200, #004E42, #37242C)
• Wandering Ridge color palette (#EBF2FF, #5D72D1, #2A7443, #004A4B, #041421)
• Washed Mulberry color palette (#FFF0FA, #6670BB, #9D3248, #294B00, #122D26)
• Terracotta Parlor color palette (#FEF1F9, #7E81C4, #A43E09, #00563A, #0A3D53)
• Wandering Terracotta color palette (#EDF9EE, #009095, #9A3A23, #23541F, #26321E)
• Mulberry Hollow color palette (#F8F6E4, #9C89D4, #9B4A70, #005B50, #4E353C)
• Lapis Loft color palette (#FFEAF7, #5B1CFF, #5A4400, #003536, #14113B)
• Timeworn Pewter color palette (#FAF3F5, #E3D8D4, #CCBDB1, #7D6A96, #4F4548)

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