Cerulean Drift color palette — #F9F3F7 · #BCE3F5 · #4B92C1 · #227254 · #394863

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

The five colors

• Ivory (#F9F3F7): bright and airy, almost weightless.
• Powder Blue (#BCE3F5): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#4B92C1): A luminous, balanced blue — the color of a favorite pair of jeans.
• Pine (#227254): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#394863): A full-bodied, dusty violet — the color of wild irises.

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

• Hushed Drift color palette (#FBF3F5, #DADDEE, #8896CC, #2E7C7D, #4E5069)
• Tempered Cerulean Parlor color palette (#F7F1E7, #BFE8CD, #5497B4, #276B65, #14332A)
• Tempered Cobalt color palette (#FDF1F7, #A2CBE7, #3B77CE, #006156, #313955)
• Hushed Teal color palette (#BBF3F3, #2AB7AF, #008CA0, #006284, #314968)
• Worn Mallow Dune color palette (#E7F9FF, #D8D9E9, #DEAFF0, #518D71, #3B5260)
• Weathered Lagoon color palette (#F3E6F2, #3F8F8F, #004356, #002409, #00091A)
• Amber Station color palette (#E7F9FF, #43B1BA, #C76F31, #00747B, #5E381F)
• Frosted Bronze color palette (#E5F9FF, #009C9C, #B16600, #8B5F02, #1F3D45)

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