Cobalt Drift color palette — #FFF0FB · #84DEF2 · #0F89BF · #006859 · #264066
Built around Cerulean, softened by Ice Blue — the whole palette hums with trust and stability.
The five colors
- Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
- Ice Blue (#84DEF2): A whisper-light, balanced blue — the color of open sky before noon.
- Cerulean (#0F89BF): A full-bodied, balanced blue — the color of open sky before noon.
- Pine (#006859): A full-bodied, balanced teal — the color of sea glass.
- Navy (#264066): A deep, shadowed, dusty 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
- Cobalt Terrace color palette (#FCEDF8, #98DCEE, #3C89C3, #00654B, #181F4E)
- Linen Azure Archive color palette (#FFF2EC, #AAE6F6, #4AA3E5, #008665, #313C6A)
- Timeworn Petrol Veranda color palette (#F6EBF1, #80BBD2, #196CAA, #00504C, #1E2B53)
- Patina Ash Delta color palette (#FBF2F6, #D8DFF0, #7E9CBD, #4C7681, #495366)
- Feathered Veranda color palette (#FBF4EA, #B5F0FE, #3BC6FC, #00A69F, #00436C)
- Ancient Cerulean Grove color palette (#F7EAF4, #00A1B3, #00516D, #003126, #00142C)
- Hushed Archive color palette (#F5E0E7, #4B87B0, #08328C, #002225, #090028)
- Nightshade Coast color palette (#F7E4EA, #75A4CE, #354EA7, #003D45, #201542)
Browse the whole catalog at Explore, or see today's palette.