Muted Drift color palette — #F0F7F4 · #DFD4D1 · #A5A89C · #2A92D3 · #25312D

A conversation between Cerulean and Deep Forest, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F0F7F4): bright and airy, almost weightless.
• Silver (#DFD4D1): bright and airy, almost weightless.
• Taupe (#A5A89C): soft and architectural.
• Cerulean (#2A92D3): A luminous, balanced blue — the color of deep harbor water.
• Deep Forest (#25312D): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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 Periwinkle color palette (#F9F3F8, #E0D8D7, #B1B7AC, #819DD8, #453C43)
• Lagoon Summit color palette (#F2F7F1, #D0E0DF, #D1C5BC, #009E9C, #263226)
• Aged Petrol Lantern color palette (#EFF6FC, #D9D7E4, #AFB2C6, #37698C, #303C46)
• Indigo Balcony color palette (#FCF2F7, #E5D7D4, #AFB09B, #7861EF, #361A2B)
• Indigo Pier color palette (#F7F7DF, #69C4E8, #7671CA, #525600, #002821)
• Wandering Villa color palette (#FDF2F4, #E3D8D2, #A7B6AE, #B96FCD, #462C33)
• Weathered Plum Alley color palette (#E9FAED, #2ABACB, #A95193, #4F4D00, #002120)
• Hushed Station color palette (#DBFFED, #E7CEE1, #BB949B, #767026, #2E3F00)

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