Cerulean Drift color palette — #F7F1E8 · #B4DAC3 · #0B8EC0 · #006261 · #002645

Cerulean takes the lead with Peacock close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F7F1E8): bright and airy, almost weightless.
• Oat (#B4DAC3): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#0B8EC0): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#006261): A full-bodied, dusty teal — the color of glacier melt.
• Midnight (#002645): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, 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

• Cobalt Chapel color palette (#FBF0DF, #77C8E6, #007AB1, #005154, #001939)
• Patina Atelier color palette (#EAE0D2, #4897A7, #00516B, #002C29, #00050C)
• Quiet Cobalt Atelier color palette (#FFF0F9, #99DAEC, #0085D2, #006950, #343C65)
• Petrol Dune color palette (#F5F1EB, #CADFE0, #7AA0C8, #007988, #442D41)
• Washed Navy color palette (#F7EEE2, #518477, #00308E, #001E27, #01000B)
• Feathered Meadow color palette (#FFEEE4, #E47447, #0092AD, #993700, #00252E)
• Muted Grape color palette (#FFDDCB, #CD5D00, #008A69, #643DCC, #2B0E00)
• Garnet Drift color palette (#FFE3D2, #C29577, #AB4924, #82021A, #2A1700)

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