Twilit Drift color palette — #F9DBC9 · #5E2B00 · #2D3600 · #43002C · #030100

Deep Indigo takes the lead with Cocoa close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#F9DBC9): A whisper-light, dusty gold — the color of honey in a jar.
• Cocoa (#5E2B00): A deep, shadowed, balanced gold — the color of honey in a jar.
• Deep Forest (#2D3600): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Deep Indigo (#43002C): A deep, shadowed, balanced rose — the color of a warm blush.
• Black (#030100): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Sophistication. Tagged dark, muted, warm.

Use it as a design system

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

• Moonless Onyx color palette (#E6E5C6, #413D00, #003B2D, #411000, #010100)
• Smoked Garnet color palette (#FFE8EC, #72002F, #452B00, #300057, #040001)
• Patina Amber color palette (#F9E2EB, #B67A00, #816500, #4B1C00, #040100)
• Charred Cocoa color palette (#F1DBD2, #803C00, #491800, #220200, #040001)
• Softworn Garnet color palette (#EAE8D1, #625A00, #005A44, #6B1B00, #040300)
• Cocoa Loft color palette (#FBE5DA, #883A00, #004E62, #003651, #030100)
• Gentle Boulevard color palette (#FFDEBD, #B67000, #4A8800, #A32F5B, #251300)
• Pine Orchard color palette (#FBE9CA, #8B6300, #007227, #852334, #110900)

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