Muted Drift color palette — #F7EECB · #6B7100 · #344BB4 · #363A00 · #02002A

A conversation between Cobalt and Olive, giving this palette its sense of nature and growth.

The five colors

• Custard (#F7EECB): A whisper-light, dusty green — the color of new leaves after rain.
• Olive (#6B7100): A full-bodied, balanced green — the color of fresh herbs.
• Cobalt (#344BB4): A full-bodied, vivid violet — the color of twilight just after sunset.
• Deep Olive (#363A00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#02002A): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Balance. Tagged cool.

Use it as a design system

One click turns Muted 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

• Tempered Lapis color palette (#E5DECD, #7A6F00, #4F36CB, #413A00, #180054)
• Weathered Denim Boulevard color palette (#FBE8D1, #925F00, #005B97, #4C2F00, #000814)
• Weathered Chapel color palette (#F0EDDF, #6A7200, #7525AE, #363A00, #0E001C)
• Aged Corridor color palette (#D7EACA, #4A791A, #480492, #193100, #040010)
• Powdered Sapphire Market color palette (#D4F8E4, #B1A222, #535DD0, #574E00, #040027)
• Mulberry Station color palette (#DEE3CF, #229147, #781473, #004319, #130012)
• Washed Aubergine color palette (#F0ECDA, #695600, #6900A7, #510C81, #050300)
• Patina Amethyst Balcony color palette (#CDE5D5, #A28200, #804BE7, #655000, #21004C)

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