Cobalt Drift color palette — #E6FBF2 · #89BFE1 · #7DB76D · #008AC3 · #304B29

A conversation between Cerulean and Jade, giving this palette its sense of nature and growth.

The five colors

• Ivory (#E6FBF2): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#89BFE1): A luminous, dusty blue — the color of open sky before noon.
• Jade (#7DB76D): A luminous, balanced green — the color of new leaves after rain.
• Cerulean (#008AC3): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Olive (#304B29): 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

• Mustard Garden color palette (#EAFAED, #76C6D0, #ADAA4A, #00919D, #47450C)
• Muted Quarry color palette (#ECF7FF, #A5DCFF, #98CB8C, #3F93C2, #25411E)
• Hushed Iris Dune color palette (#FBF2F9, #B2C3F3, #71C4AC, #6C85E1, #435336)
• Powdered Lagoon Station color palette (#E4FCF1, #6AAED3, #A289D1, #009E77, #1C4033)
• Hushed Lilac color palette (#ECF9EC, #72C8CA, #A797E4, #009395, #45386B)
• Gentle Courtyard color palette (#F9D8FA, #589FFF, #00A66F, #0064CF, #003822)
• Dusty Amber Thicket color palette (#E4FBF3, #5EA7DC, #C77022, #006CA3, #5A3A21)
• Patina Byzantium Station color palette (#FFE7EE, #BC96D6, #00A7C3, #9546C1, #003D48)

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