Cobalt Drift color palette — #FEF3ED · #A9D0B6 · #0082B5 · #006152 · #49304A

Built around Cerulean, softened by Pine — the whole palette hums with nature and growth.

The five colors

• Ivory (#FEF3ED): bright and airy, almost weightless.
• Pistachio (#A9D0B6): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#0082B5): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#006152): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal (#49304A): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Cobalt 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 Ridge color palette (#FCF3EB, #A2CBE8, #4C76C3, #005F65, #36355C)
• Worn Cabin color palette (#FAF4EF, #BCE8D6, #668CC0, #007073, #5A3D51)
• Dusty Terrace color palette (#FFF2EC, #5FCBCC, #007B93, #005938, #003754)
• Dusty Turquoise Study color palette (#F5F6EC, #95E2F4, #1CA5C9, #217A7E, #1F4335)
• Antique Canyon color palette (#ECDFD8, #318DA5, #004063, #00231E, #000428)
• Patina Cabin color palette (#F0F7F1, #C3E6F7, #76BCDB, #00A198, #103E5D)
• Raspberry Drift color palette (#ECF1DF, #4FA16C, #BF3F91, #006836, #4E253E)
• Tempered Denim color palette (#EEDFD5, #56ABC9, #005B92, #003E3A, #0F1C42)

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