Cerulean Drift color palette — #F5F6EC · #B1CEB3 · #008896 · #006059 · #224230

A conversation between Cerulean and Pine, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F5F6EC): bright and airy, almost weightless.
• Pistachio (#B1CEB3): A whisper-light, dusty green — the color of a quiet forest floor.
• Cerulean (#008896): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#006059): A full-bodied, dusty teal — the color of glacier melt.
• Forest (#224230): A deep, shadowed, dusty teal — the color of sea glass.

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

• Softworn Cerulean Archive color palette (#FBEFE9, #90D6D8, #1889A5, #0B5E40, #00271E)
• Worn Cerulean Harbor color palette (#F4F6EF, #C4E6D3, #1B96C5, #116E7A, #2B5044)
• Worn Sky color palette (#E3FDEC, #ABDEF9, #76B0E4, #007E85, #294637)
• Cobalt Terrace color palette (#F4F6EF, #A7CFC2, #3B7CBB, #005B78, #253B5B)
• Pale Amethyst Canyon color palette (#D0EDDE, #0086AD, #754BD0, #006C47, #0A3424)
• Dusty Teal Station color palette (#CCE5E0, #00B2A8, #007979, #00565C, #143952)
• Aged Cerulean color palette (#EBEDDE, #1A909D, #004450, #002221, #000B11)
• Chalky Thicket color palette (#E2F4E6, #00A0AF, #8F5AC6, #00626C, #3E2A54)

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