Muted Drift color palette — #F1D8D4 · #B40907 · #005B4B · #002C40 · #040000

Ruby and Pine set the tone — five colors that lean into energy and balance.

The five colors

• Shell Pink (#F1D8D4): A whisper-light, dusty orange — the color of toasted spice.
• Ruby (#B40907): A full-bodied, vivid orange — the color of sun-warmed clay.
• Pine (#005B4B): A full-bodied, dusty teal — the color of sea glass.
• Midnight (#002C40): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#040000): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Energy, 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

• Hazy Summit color palette (#F2D9E6, #9A4100, #00595D, #002065, #030100)
• Misty Plum Station color palette (#EFE1F6, #AD0061, #005E2F, #002E36, #040001)
• Eclipse Boulevard color palette (#FAE4DA, #830403, #004034, #001E35, #100000)
• Muted Chapel color palette (#F8E7C5, #A96300, #4A4400, #001E2D, #020100)
• Eclipse Parlor color palette (#FBE0DD, #7C004B, #004036, #26004B, #040001)
• Misty Courtyard color palette (#FDDCED, #C15900, #607C00, #005890, #0C0200)
• Antique Ember Thicket color palette (#F3E5EE, #ED5326, #475400, #6D1900, #010100)
• Ember Drift color palette (#FFF0F9, #F2570C, #00918E, #00588F, #1D0400)

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