Twilit Field color palette — #E4DECC · #545100 · #58003D · #390003 · #020100
A conversation between Mulberry and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Bone (#E4DECC): A whisper-light, dusty green — the color of a quiet forest floor.
- Deep Olive (#545100): A full-bodied, balanced green — the color of a quiet forest floor.
- Mulberry (#58003D): A deep, shadowed, balanced rose — the color of pressed rose petals.
- Ink (#390003): A deep, shadowed, balanced orange — the color of toasted spice.
- Black (#020100): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged jewel, vibrant, dark, muted.
Use it as a design system
One click turns Twilit Field 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
- Nocturne Garnet color palette (#EAEED2, #025812, #680011, #2F1600, #010100)
- Lowlit Aubergine color palette (#ECDCCD, #703E00, #460080, #340026, #040000)
- Charred Aubergine color palette (#DAEFF1, #005B47, #480073, #2D1200, #000B0D)
- Worn Cocoa Canyon color palette (#D8E4D3, #006B60, #633300, #302900, #050600)
- Frosted Aubergine color palette (#EAFAEC, #007B80, #5900AB, #471400, #000201)
- Charred Study color palette (#D7EBE4, #005E8E, #400089, #340024, #000405)
- Ancient Emerald Terrace color palette (#F2F3E5, #639155, #904648, #613500, #1A1300)
- Wandering Atelier color palette (#E4EBD3, #007087, #004062, #300045, #00060B)
Browse the whole catalog at Explore, or see today's palette.