Cobalt Drift color palette — #F2EADD · #7FB9D4 · #008AD3 · #006C73 · #001233

Cerulean and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F2EADD): a clean, paper-quiet neutral.
• Sky (#7FB9D4): A luminous, dusty blue — the color of deep harbor water.
• Cerulean (#008AD3): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#006C73): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#001233): 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

• Cornflower Pier color palette (#F0E6D7, #88BDAE, #387CF5, #006982, #0D0047)
• Worn Cerulean Quarry color palette (#EBE4DA, #6CC0C1, #0093A7, #006F57, #001720)
• Ultramarine Ridge color palette (#F7EBE4, #78AAC1, #1A62C2, #004B42, #14043D)
• Cerulean Terrace color palette (#E0F1E3, #0097C4, #004E7A, #002B2F, #000412)
• Sky Courtyard color palette (#F4EEE4, #B7DEC9, #4BAFE9, #009094, #052E57)
• Teal Harbor color palette (#D0E3E1, #00B1A2, #00847D, #00504D, #000303)
• Raspberry Delta color palette (#DCE8D2, #00A584, #D92496, #00735C, #230015)
• Byzantium Ridge color palette (#E5F1E0, #00927F, #884CDA, #985200, #000A07)

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