Cerulean Drift color palette — #FBF3F0 · #C8E5CF · #4694B7 · #10735B · #553E58

Cerulean takes the lead with Pine close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FBF3F0): bright and airy, almost weightless.
• Celadon Mist (#C8E5CF): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#4694B7): A luminous, balanced blue — the color of open sky before noon.
• Pine (#10735B): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal (#553E58): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Periwinkle Alley color palette (#F9F4EF, #C8E9EC, #7A99D1, #2C7B83, #624A59)
• Cerulean Chapel color palette (#FFF2EC, #85DFE7, #008DB1, #00694D, #194364)
• Powdered Peony Cabin color palette (#F3F8E3, #62B479, #C061B2, #227841, #573551)
• Dusty Lagoon color palette (#E9DDD6, #39908C, #004450, #002410, #000B13)
• Muted Teal color palette (#EFF8F0, #CFE0F8, #7ACAE7, #4FAA9D, #254C64)
• Hushed Cobalt Loft color palette (#FFF2E9, #7AC2E4, #006FC5, #005655, #222B68)
• Pine Field color palette (#EBFCD8, #7FC5A0, #008767, #005539, #003A2C)
• Soft Emerald color palette (#EEE2BA, #98B160, #35983A, #00694D, #134E5B)

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