Cobalt Drift color palette — #FBF2F7 · #8BD1E7 · #367DBA · #00624D · #2E3A56
A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FBF2F7): bright and airy, almost weightless.
- Sky (#8BD1E7): A whisper-light, dusty blue — the color of open sky before noon.
- Cerulean (#367DBA): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#00624D): A full-bodied, balanced teal — the color of sea glass.
- Navy (#2E3A56): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Sophistication. 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
- Tempered Lagoon color palette (#FEF1FB, #55CBD5, #0078A1, #005930, #042F6D)
- Weathered Cobalt Archive color palette (#FCF2F5, #C2E1FB, #7288C2, #2A6E6C, #414561)
- Weathered Cerulean color palette (#F1F3E7, #A8D3BB, #1D87AF, #005A64, #00281D)
- Soft Ultramarine Basin color palette (#E9F1E8, #7BB7ED, #515CBC, #004F52, #342547)
- Ancient Chapel color palette (#EDDDFE, #C33A93, #007E6E, #00606D, #32243F)
- Muted Garden color palette (#FAF4F0, #C3EBD5, #6DBAF3, #00A194, #273960)
- Ancient Lagoon color palette (#F4E7F4, #30A2A0, #005267, #00330A, #00142B)
- Antique Field color palette (#FEE8F2, #64A8C9, #1352AC, #003F38, #1F1446)
Browse the whole catalog at Explore, or see today's palette.