Cobalt Drift color palette — #FFEEE6 · #86E0EF · #008CCA · #006544 · #152248

A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.

The five colors

• Cream (#FFEEE6): A whisper-light, dusty orange — the color of autumn markets.
• Ice Blue (#86E0EF): A whisper-light, balanced blue — the color of open sky before noon.
• Cerulean (#008CCA): A luminous, balanced blue — the color of deep harbor water.
• Pine (#006544): A full-bodied, balanced teal — the color of sea glass.
• Midnight (#152248): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, 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

• Pale Cornflower color palette (#FBF0E5, #A4D7F9, #5079EE, #00625F, #291949)
• Cobalt Studio color palette (#FFEEE5, #7CC9DA, #0078B7, #00543C, #0B0C4E)
• Antique Cerulean Lagoon color palette (#FCF4E7, #6AE2F4, #008DB0, #00675E, #004567)
• Dusty Cerulean color palette (#FAEFEC, #CAE5C8, #359BB8, #3D6B3F, #06342C)
• Muted Chapel color palette (#FFF0FB, #91EBFA, #42A6DE, #00875A, #2B3E6A)
• Washed Field color palette (#F6E2DA, #3F99A1, #00506E, #002E17, #000314)
• Ultramarine Boulevard color palette (#EEE6DF, #67A3CE, #2F48BE, #003938, #100027)
• Linen Thicket color palette (#FFDADD, #CA3DB9, #008A67, #006B6E, #290925)

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