Cobalt Drift color palette — #DDF4ED · #007CCA · #776500 · #004878 · #140F00

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

The five colors

• Honeydew (#DDF4ED): A whisper-light, dusty teal — the color of shallow lagoons.
• Azure (#007CCA): A full-bodied, balanced blue — the color of open sky before noon.
• Olive (#776500): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#004878): A deep, shadowed, balanced blue — the color of open sky before noon.
• Ink (#140F00): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Sunlit Cobalt color palette (#E1F0FF, #0083D5, #796600, #003E6A, #020100)
• Terracotta Veranda color palette (#D4E5DE, #0080B7, #AE3A00, #004B6D, #210500)
• Ultramarine Pier color palette (#D8E8FF, #2158BB, #654400, #00246F, #180D00)
• Washed Ultramarine Study color palette (#E3EFFF, #0061CC, #685B00, #334D17, #000619)
• Chalky Aubergine Boulevard color palette (#FFDBEE, #755FDA, #7E6200, #4A00B2, #150E00)
• Ultramarine Harbor color palette (#FAE6F8, #4788FC, #A47600, #0054DB, #170E00)
• Hushed Amber color palette (#D3F4ED, #AC8200, #0087BF, #001420, #000201)
• Linen Station color palette (#D3E5FF, #BFA0E5, #CA6F8E, #006879, #10113E)

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