Cerulean Drift color palette — #F9F5E9 · #C9CC91 · #7DB0D3 · #4F8EB6 · #5A334E

Cerulean and Pistachio set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F9F5E9): a clean, paper-quiet neutral.
• Pistachio (#C9CC91): A whisper-light, dusty green — the color of fresh herbs.
• Blue Fog (#7DB0D3): A luminous, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#4F8EB6): A luminous, balanced blue — the color of deep harbor water.
• Mulberry (#5A334E): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged 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 Harbor color palette (#FFF2F1, #ECB4D2, #BAA96D, #6786C5, #5B344A)
• Tempered Teal color palette (#FAF4EB, #E2C992, #47AE9B, #5B6896, #502E28)
• Patina Driftwood Workshop color palette (#FCF3EE, #F0B9A1, #63BBB3, #B16F8C, #48413C)
• Ancient Summit color palette (#FFF2EC, #E5D8C3, #CAC0A7, #B88D99, #7C3E23)
• Timeworn Plum color palette (#FEEFE1, #EC9E52, #00A9A3, #B33C79, #422300)
• Emerald Hollow color palette (#FFF3E5, #DAD6A2, #AAC57D, #5E9F6D, #3C5030)
• Worn Jade color palette (#FBF3F1, #C8DDE0, #93D2E7, #78B37B, #29534A)
• Brick Thicket color palette (#E2ECD4, #00C68D, #009CAB, #BC2200, #002C1C)

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