Cobalt Drift color palette — #F7F6EB · #A5B77E · #3671B2 · #556915 · #2B1F2C

Slate takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F7F6EB): a clean, paper-quiet neutral.
• Sage (#A5B77E): A luminous, balanced green — the color of new leaves after rain.
• Slate (#3671B2): A full-bodied, balanced blue — the color of open sky before noon.
• Olive (#556915): A full-bodied, balanced green — the color of new leaves after rain.
• Onyx (#2B1F2C): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone, 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

• Wandering Study color palette (#FCF4EA, #D1A66F, #0079A3, #835400, #142921)
• Muted Indigo Loft color palette (#F2F7EF, #71C1A9, #7360AB, #00705A, #301D27)
• Muted Lantern color palette (#EAF4F3, #98BF9C, #0081A7, #007A2E, #00101C)
• Tempered Coast color palette (#F4F6EE, #A2D3A8, #059FC3, #31974A, #122A1E)
• Muted Market color palette (#FFF2ED, #64A979, #2C7390, #7A3535, #31432A)
• Mulberry Pier color palette (#F1F8EC, #00BC9D, #9A2C9A, #006553, #2D102C)
• Aged Atelier color palette (#F1F8EA, #2E8D73, #1C639E, #69282A, #262F1D)
• Aqua Quarry color palette (#ECFAE6, #DBEA9C, #17CCC3, #6F85D7, #2B4735)

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