Cobalt Drift color palette — #FCEDF8 · #AAD7EC · #008EC3 · #006453 · #06244A

Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.

The five colors

• Blush (#FCEDF8): A whisper-light, dusty pink — the color of neon signs at night.
• Powder Blue (#AAD7EC): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#008EC3): A luminous, balanced blue — the color of open sky before noon.
• Pine (#006453): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#06244A): A deep, shadowed, dusty blue — the color of open sky before noon.

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

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 Delta color palette (#FCEDF6, #64CBE7, #0079B2, #005249, #001349)
• Muted Field color palette (#F8EFF3, #D7D1E5, #7E9FC3, #377775, #2C3649)
• Quiet Lantern color palette (#FFF2EC, #A4E8F6, #00A8E7, #00856F, #103F78)
• Denim Field color palette (#F7ECF4, #4B97A1, #00516B, #002D21, #00040E)
• Wandering Navy Boulevard color palette (#ECDCE2, #447FA6, #00318B, #001F22, #01000A)
• Pale Orchard color palette (#EEDCE1, #70A2CB, #2F50AB, #00383F, #0C002B)
• Misty Summit color palette (#CEFFE8, #00CFAD, #007C63, #004831, #00130D)
• Airy Corridor color palette (#D1FCFA, #92F3F5, #7EC6F3, #6D7E11, #002F33)

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