Twilit Study color palette — #E7DED2 · #5A3D00 · #003B54 · #220050 · #020100

Deep Indigo and Bronze set the tone — five colors that lean into trust and stability.

The five colors

• Bone (#E7DED2): bright and airy, almost weightless.
• Bronze (#5A3D00): A deep, shadowed, dusty gold — the color of old brass.
• Deep Teal (#003B54): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#220050): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Black (#020100): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, Creativity, Sophistication, Depth. Tagged dark, muted.

Use it as a design system

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

• Fern Market color palette (#E8E4C6, #425000, #003039, #1A002D, #040000)
• Nocturne Archive color palette (#ECE3C4, #464700, #002988, #310039, #010100)
• Twilit Lantern color palette (#FFDBCA, #810C00, #004039, #001F2F, #040000)
• Velvet Orchard color palette (#E1F3DF, #5F3B00, #1307A2, #070062, #000700)
• Aubergine Archive color palette (#D8E6D9, #7F5800, #005B77, #400187, #080400)
• Soft Navy color palette (#E9E9D2, #436E00, #005D32, #1E0078, #010200)
• Basalt Grove color palette (#E3DFD3, #A3A188, #618764, #3B3800, #060400)
• Bronze Studio color palette (#E8DFCF, #836200, #00421C, #362700, #010100)

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