Midnight Drift color palette — #FCE3F6 · #687400 · #3D0300 · #1F1908 · #0F0000

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

The five colors

• Blush (#FCE3F6): A whisper-light, dusty pink — the color of neon signs at night.
• Olive (#687400): A full-bodied, balanced green — the color of a quiet forest floor.
• Espresso (#3D0300): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#1F1908): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#0F0000): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged luxury, dark, muted.

Use it as a design system

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

• Velvet Chestnut color palette (#F7E2E8, #725C00, #2D3029, #201000, #050200)
• Twilit Basin color palette (#E5DFF0, #1C804C, #3A2019, #37002C, #0D0009)
• Washed Moss color palette (#F6DCEB, #989828, #632500, #310E00, #0F0700)
• Basalt Summit color palette (#E9DBDF, #9DAEA5, #5A8A84, #502F00, #220B14)
• Weathered Bronze color palette (#F5E0DC, #A05C00, #443700, #0C2400, #000F09)
• Terracotta Atelier color palette (#FED9C9, #999E00, #A3181B, #4F0909, #050100)
• Inked Ridge color palette (#FDEBE0, #8E3B00, #293600, #230042, #130900)
• Washed Chestnut color palette (#FDF1F6, #A6CAB6, #7D5333, #4D2D3C, #311F1F)

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