Cobalt Drift color palette — #E1F3F2 · #8EB6D7 · #0069BC · #004C66 · #122C57

Built around Royal Blue, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Cream (#E1F3F2): bright and airy, almost weightless.
• Sky (#8EB6D7): A luminous, dusty blue — the color of deep harbor water.
• Royal Blue (#0069BC): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#004C66): A deep, shadowed, dusty blue — the color of deep harbor water.
• Navy (#122C57): A deep, shadowed, balanced blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

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 Petrol Study color palette (#E7F1EF, #73BFCD, #00748C, #004F51, #003344)
• Cobalt Summit color palette (#F7E3EA, #78BBEB, #4068B6, #004A50, #140D36)
• Feathered Lilac color palette (#ECF4FF, #B3C4FF, #9B8DDC, #145A91, #23334F)
• Cerulean Field color palette (#D8F3FD, #0095C4, #006692, #003E63, #211D4C)
• Muted Workshop color palette (#ECF8F6, #8FDDEB, #008EAA, #006668, #00475D)
• Denim Bloom color palette (#E1F5F3, #5499B6, #005072, #002F37, #001527)
• Washed Ridge color palette (#DCE5F4, #415CD7, #9F008C, #00585E, #131C3E)
• Ultramarine Thicket color palette (#D2E3FF, #6095F6, #0050B6, #00235A, #000E3E)

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