Twilit Study color palette — #E2F3F0 · #205200 · #2C008D · #3C0020 · #020100
Built around Indigo, softened by Deep Olive — the whole palette hums with nature and growth.
The five colors
- Cream (#E2F3F0): a clean, paper-quiet neutral.
- Deep Olive (#205200): A deep, shadowed, balanced green — the color of new leaves after rain.
- Indigo (#2C008D): A deep, shadowed, vivid violet — the color of wild irises.
- Deep Indigo (#3C0020): A deep, shadowed, balanced rose — the color of strawberry cream.
- Black (#020100): quiet, heavy and certain.
Feels like: Nature, Growth, Creativity, Depth, Luxury. Tagged jewel, vibrant, dark.
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
- Aubergine Balcony color palette (#D2EEF1, #005641, #4C0075, #330100, #010100)
- Inked Navy Summit color palette (#DAEEEF, #00684E, #00366A, #330028, #070200)
- Shadow Delta color palette (#DAE8DF, #644C00, #003245, #28003E, #040000)
- Pale Lapis Quarry color palette (#E7E9D3, #19750C, #3C18DA, #580034, #0D0600)
- Hushed Aubergine color palette (#D4F9FE, #00735E, #6A0091, #610400, #060700)
- Pine Veranda color palette (#E0FCFC, #008358, #00536F, #420016, #000201)
- Antique Pine color palette (#E5F4E4, #008760, #005750, #002629, #00080D)
- Wandering Garnet color palette (#D6E9F3, #006E82, #72003A, #342000, #000501)
Browse the whole catalog at Explore, or see today's palette.