Cerulean Drift color palette — #F8F0EB · #C7E5D2 · #5695BC · #216C5F · #3C203B

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

The five colors

• Cream (#F8F0EB): bright and airy, almost weightless.
• Celadon Mist (#C7E5D2): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#5695BC): A luminous, balanced blue — the color of open sky before noon.
• Pine (#216C5F): A full-bodied, dusty teal — the color of glacier melt.
• Deep Indigo (#3C203B): A deep, shadowed, dusty pink — the color of peonies in June.

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

Use it as a design system

One click turns Cerulean 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

• Cypress Cabin color palette (#F8F0EC, #C8E5CD, #5B97AF, #2C6C56, #05342B)
• Cobalt Delta color palette (#FAF0E7, #A6D3C0, #577EB0, #005B5D, #181B43)
• Patina Peony Garden color palette (#FFEDEC, #C06F99, #41916E, #0A7D67, #331313)
• Denim Atelier color palette (#FAECE1, #4E94B0, #004B81, #002C2A, #01001D)
• Timeworn Alley color palette (#F9F3F7, #D1DEF6, #70ACD5, #008E7E, #33486B)
• Cobalt Bloom color palette (#FEEFE2, #76C5F7, #396FC6, #005155, #170053)
• Aged Market color palette (#FFEDEC, #E1D6CA, #CAC296, #9378A8, #442B26)
• Bronze Station color palette (#FEEFE4, #BFA78B, #976851, #6C3D3C, #2B210E)

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