Cobalt Drift color palette — #E2FCF5 · #89C5FF · #D49A3C · #1E7AC5 · #382300

Cerulean and Mustard set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#E2FCF5): A whisper-light, dusty teal — the color of glacier melt.
• Sky (#89C5FF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Mustard (#D49A3C): A luminous, balanced gold — the color of honey in a jar.
• Cerulean (#1E7AC5): A full-bodied, balanced blue — the color of open sky before noon.
• Espresso (#382300): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Optimism, 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

• Azure Parlor color palette (#DAF6EE, #86C5FF, #E2A14F, #0896F4, #4C2E00)
• Sunlit Indigo color palette (#FFF0F9, #B3B8FF, #BFA43B, #6866D1, #312700)
• Worn Coral color palette (#E4FCED, #41D3F4, #EE8567, #00849D, #45180A)
• Iris Summit color palette (#FFF0FB, #C4D3FF, #CCBB72, #7185CD, #433805)
• Azure Study color palette (#D7ECFC, #1D9DD5, #9C7500, #005C81, #261A00)
• Wandering Terrace color palette (#F5F3FF, #C3B4FF, #999C00, #711EE3, #202000)
• Hushed Corridor color palette (#FFF0FF, #E9D7D8, #C6A99B, #67A6C4, #4A3144)
• Pale Periwinkle color palette (#FFEFFF, #66A8FF, #D2777E, #5A8E3F, #061B37)

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