Cobalt Drift color palette — #E2F6FF · #81C0E4 · #4D8FD2 · #4F6093 · #534963

A conversation between Cerulean and Slate, giving this palette its sense of trust and stability.

The five colors

• Ivory (#E2F6FF): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#81C0E4): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#4D8FD2): A luminous, balanced blue — the color of open sky before noon.
• Slate (#4F6093): A full-bodied, balanced violet — the color of wild irises.
• Charcoal Brown (#534963): A full-bodied, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged muted, 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

• Washed Cobalt Thicket color palette (#F1F5FF, #B1C2F1, #7181C6, #3A4B79, #243450)
• Weathered Taupe Lantern color palette (#EEF6FF, #82B5E8, #AB993F, #3F76AB, #335642)
• Tempered Bloom color palette (#EFF6FF, #DDD9E2, #B0B8AA, #6196A5, #4B5262)
• Lagoon Workshop color palette (#D7FEFF, #70C4B9, #00959B, #19718E, #3F5567)
• Hushed Amber Cabin color palette (#EEF6FF, #699AD9, #B87A2A, #7C7A33, #384351)
• Hazy Market color palette (#DFECFF, #8699F4, #7747D4, #633081, #54324E)
• Pale Lapis Lantern color palette (#BFE5FF, #61A8FF, #4841FD, #5328A0, #492C5F)
• Dusty Studio color palette (#FCF2F8, #D4ABB9, #A17461, #6E536E, #3C4D40)

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