Twilit Atelier color palette — #DDEAFF · #1D40BA · #5B3400 · #04006E · #0C0400

Indigo takes the lead with Deep Indigo close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Frost (#DDEAFF): A whisper-light, dusty violet — the color of wild irises.
• Indigo (#1D40BA): A full-bodied, vivid violet — the color of twilight just after sunset.
• Cocoa (#5B3400): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Deep Indigo (#04006E): A deep, shadowed, vivid violet — the color of a velvet chair.
• Ink (#0C0400): A deep, shadowed, dusty gold — the color of honey in a jar.

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

• Charred Delta color palette (#F4E0F4, #004998, #503600, #001D43, #020100)
• Hushed Sapphire color palette (#E3F0FF, #0065CD, #774F00, #003673, #0B0500)
• Muted Aubergine Orchard color palette (#EAE9FD, #731F99, #3E4300, #330048, #060700)
• Lowlit Terrace color palette (#CFEFFB, #005C64, #760F00, #002629, #130100)
• Charred Abyss color palette (#C9EEFF, #00465D, #3D3300, #012810, #000204)
• Airy Nightshade Market color palette (#D1DEF8, #5F71E5, #766C00, #2F32AB, #2E2A00)
• Powdered Loft color palette (#D4DFF8, #595DCA, #026D19, #2E00A2, #002203)
• Cornflower Lantern color palette (#F4E3F3, #2479ED, #9A6400, #004FAD, #0B0400)

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