Twilit Atelier color palette — #D8EBE8 · #2D7B00 · #2E1A9C · #2A0026 · #040000

Indigo and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#D8EBE8): A whisper-light, dusty teal — the color of glacier melt.
• Olive (#2D7B00): A full-bodied, vivid green — the color of a quiet forest floor.
• Indigo (#2E1A9C): A deep, shadowed, vivid violet — the color of a velvet chair.
• Deep Indigo (#2A0026): A deep, shadowed, balanced pink — the color of a candy shop window.
• Black (#040000): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Creativity, Energy, Depth, Luxury. Tagged dark.

Use it as a design system

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

• Lowlit Aubergine color palette (#DCF4F5, #007A59, #540085, #30000A, #030100)
• Charred Lagoon color palette (#E0F4E9, #716A00, #003F66, #200039, #040001)
• Smoked Navy color palette (#CBE4E3, #006638, #22057C, #1D2319, #140200)
• Inked Forest Orchard color palette (#E1E4D4, #0B5A0D, #002D46, #280022, #0E0500)
• Obsidian Forest color palette (#C5F1F0, #005D34, #44474E, #171A20, #000707)
• Pale Pier color palette (#E6F3E9, #9D7C00, #0059D6, #820019, #170001)
• Shadow Cocoa Market color palette (#FAEBD4, #5E4500, #003038, #260200, #020100)
• Dusty Lagoon color palette (#D8E3D8, #009371, #005C58, #002528, #000203)

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