Cerulean Drift color palette — #F6F0F4 · #BDE4F1 · #009CC3 · #196E52 · #132E46

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

The five colors

• Ivory (#F6F0F4): a clean, paper-quiet neutral.
• Powder Blue (#BDE4F1): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#009CC3): A luminous, balanced blue — the color of deep harbor water.
• Pine (#196E52): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#132E46): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Antique Iris color palette (#F7EFF2, #C5E0F9, #6B8BD5, #006B76, #242A44)
• Softworn Cerulean color palette (#ECF8F6, #BCE4F2, #3899AA, #1C706B, #2B4C5E)
• Denim Dune color palette (#F6E5F1, #4697A8, #005071, #002C25, #000411)
• Aqua Summit color palette (#F5F6EF, #B7E5EE, #4DCEE5, #2B938E, #2A4637)
• Tempered Cobalt color palette (#FAEEF4, #5FCAF0, #0076BE, #00524D, #071148)
• Softworn Iris color palette (#E6F7E9, #C79C42, #7582E9, #815E00, #1F2444)
• Airy Delta color palette (#F4E8EC, #437DAE, #15239D, #001F23, #010009)
• Airy Lantern color palette (#DFFAE5, #AE8719, #4B7DD5, #6B5CAD, #0E2415)

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