Twilit Pier color palette — #CCE6DA · #5B6A00 · #383900 · #1C1800 · #010200
A conversation between Olive and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Celadon Mist (#CCE6DA): A whisper-light, dusty teal — the color of sea glass.
- Olive (#5B6A00): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Olive (#383900): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Ink (#1C1800): A deep, shadowed, dusty green — the color of fresh herbs.
- Black (#010200): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication, Depth, Luxury, Grounding. Tagged earthy, warm, dark, muted.
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
- Olive Chapel color palette (#EEE5C6, #758800, #555700, #383100, #070E00)
- Eclipse Grove color palette (#F8DDE7, #875400, #522B00, #2A0F00, #000200)
- Softworn Olive color palette (#CEE7DB, #979E64, #6D6800, #4A3D00, #001E16)
- Cellar Mulberry color palette (#E3DAE9, #7C004A, #4A3000, #1D1E00, #040001)
- Soft Villa color palette (#F3DDE8, #BF7C42, #8F4200, #5F1E00, #1D0E00)
- Patina Coast color palette (#FEECF5, #CBA285, #A6603A, #6A4032, #2F1C23)
- Moonless Grove color palette (#DEE1F6, #AD3A3C, #29004F, #240F1D, #05000F)
- Hushed Driftwood Veranda color palette (#FCEDF3, #AAC4A7, #9E7B5C, #704B5E, #223024)
Browse the whole catalog at Explore, or see today's palette.