Cobalt Drift color palette — #F4F7EC · #ACCEC0 · #457EAA · #005C73 · #213C5A

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

The five colors

• Ivory (#F4F7EC): bright and airy, almost weightless.
• Pistachio (#ACCEC0): A whisper-light, dusty teal — the color of glacier melt.
• Slate (#457EAA): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005C73): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#213C5A): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Dusty Cerulean Courtyard color palette (#F5F6EB, #B2CDB6, #238695, #00605B, #1C442F)
• Dusty Periwinkle Villa color palette (#FBF3F6, #B7D9F3, #6897D8, #007B7F, #323562)
• Hushed Navy Canyon color palette (#E3E8D6, #5486AB, #003E6D, #00202D, #00081E)
• Aged Ash Grove color palette (#F4F6EF, #C6E6E6, #74A595, #517962, #2F524A)
• Denim Veranda color palette (#DDE1D6, #7EA3C4, #215897, #003A52, #071C47)
• Hushed Archive color palette (#FFD9E4, #8F64AF, #AE4451, #005F96, #411F2B)
• Aged Pewter Meadow color palette (#FFF1F5, #FFD1DA, #C695B6, #6F5F9C, #4E3239)
• Misty Grape Corridor color palette (#D8DEFF, #8C87DE, #6B52AF, #553780, #412B56)

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