Twilit Pier color palette — #E5E9C7 · #276C1B · #4B0058 · #042601 · #030004
Built around Royal Purple, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Celadon Mist (#E5E9C7): A whisper-light, dusty green — the color of a quiet forest floor.
- Olive (#276C1B): A full-bodied, balanced green — the color of new leaves after rain.
- Royal Purple (#4B0058): A deep, shadowed, balanced pink — the color of a candy shop window.
- Deep Forest (#042601): A deep, shadowed, dusty green — the color of fresh herbs.
- Black (#030004): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Nature, Growth, Creativity, Depth, Luxury. Tagged dark.
Use it as a design system
One click turns Twilit Pier 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
- Eclipse Aubergine Basin color palette (#CEF0E9, #315F00, #690068, #112700, #10000F)
- Obsidian Aubergine Canyon color palette (#EDE3C8, #544E00, #4C008E, #221F00, #020007)
- Velvet Garnet Balcony color palette (#D8F1D6, #005856, #710034, #002423, #040001)
- Velvet Aubergine Ridge color palette (#E1F2E1, #01490E, #4F0060, #400037, #000200)
- Aubergine Workshop color palette (#C2EBE4, #348F24, #6C1688, #0D4503, #0D0014)
- Forest Boulevard color palette (#D5F3E1, #00723D, #00341A, #000D03, #000201)
- Lowlit Station color palette (#E2EEE2, #864300, #33363F, #001819, #000202)
- Washed Pine Harbor color palette (#D2E5E2, #178115, #005A87, #053604, #000103)
Browse the whole catalog at Explore, or see today's palette.