Cobalt Drift color palette — #FEF2EB · #97CFE3 · #477EA8 · #006059 · #4C2F48

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

The five colors

• Ivory (#FEF2EB): a clean, paper-quiet neutral.
• Sky (#97CFE3): A whisper-light, dusty blue — the color of deep harbor water.
• Slate (#477EA8): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#006059): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal (#4C2F48): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Calm, 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

• Antique Cerulean color palette (#FFF2EC, #83D4DD, #2483A4, #006249, #19433A)
• Timeworn Cobalt color palette (#FAEFE9, #AAD2BD, #547FAD, #005D4C, #321429)
• Ancient Cobalt color palette (#FCF4EB, #B5EAD9, #6E89C1, #2B6D75, #593E4E)
• Hushed Quarry color palette (#DCFFEE, #D4E7FF, #C7A3E6, #267C75, #49354B)
• Patina Cabin color palette (#CCF0E9, #00B1B6, #007990, #004E75, #1E385A)
• Softworn Veranda color palette (#DCF6E9, #009BCA, #BA5832, #005F7D, #522819)
• Worn Station color palette (#EBF7FF, #31ADF3, #006C99, #003A5F, #00273D)
• Dusty Cerulean color palette (#EFDDD0, #0E8DB5, #003E6D, #002221, #030229)

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