Twilit Workshop color palette — #F7EFCD · #686D00 · #2D04A9 · #1F1300 · #010100
Built around Indigo, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Custard (#F7EFCD): A whisper-light, dusty green — the color of a quiet forest floor.
- Olive (#686D00): A full-bodied, balanced green — the color of new leaves after rain.
- Indigo (#2D04A9): A deep, shadowed, vivid violet — the color of a velvet chair.
- Ink (#1F1300): A deep, shadowed, dusty gold — the color of honey in a jar.
- Black (#010100): a grounded near-black with real depth.
Feels like: Nature, Growth, Creativity, Energy, Depth, Luxury. Tagged dark, vibrant.
Use it as a design system
One click turns Twilit Workshop 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 Navy color palette (#FEEECD, #7A6500, #003B75, #310004, #040000)
- Inked Aubergine Delta color palette (#E3EDD5, #007A53, #63006A, #1D1400, #020100)
- Inked Aubergine Study color palette (#D4E9D3, #005554, #2C0073, #270004, #010100)
- Charred Aubergine Study color palette (#CCE9E5, #0C5A0C, #460050, #1F1000, #050400)
- Worn Grape color palette (#CFE5EC, #009393, #6939D7, #83010F, #060900)
- Feathered Archive color palette (#FFECF7, #6E5FEE, #674600, #332100, #000200)
- Abyss Boulevard color palette (#D3EBD8, #7B6C6D, #005860, #192027, #000512)
- Wandering Alley color palette (#F0DDCC, #9F8E2F, #305A00, #003232, #020100)
Browse the whole catalog at Explore, or see today's palette.