Twilit Harbor color palette — #E3DFD1 · #486914 · #00350D · #181800 · #070600
Built around Olive, softened by Deep Forest — the whole palette hums with nature and growth.
The five colors
- Bone (#E3DFD1): bright and airy, almost weightless.
- Olive (#486914): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Forest (#00350D): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Ink (#181800): A deep, shadowed, dusty green — the color of new leaves after rain.
- Ink (#070600): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Sophistication, Depth, Luxury, Grounding. Tagged botanical, earthy, muted, dark.
Use it as a design system
One click turns Twilit Harbor 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
- Cellar Hollow color palette (#D9F1E3, #00644B, #003C36, #001D1D, #01070F)
- Olive Study color palette (#D3EADC, #5F812D, #00542C, #332B00, #030700)
- Lowlit Pier color palette (#BDEAE6, #005E5A, #77002A, #002725, #130003)
- Aubergine Pier color palette (#C1E9EA, #00494A, #510066, #322000, #000202)
- Turquoise Veranda color palette (#D2F6F6, #00A7CE, #4070AE, #00382E, #000F04)
- Moss Quarry color palette (#F3ECCB, #5EA831, #006D3A, #004E48, #1E3511)
- Soft Navy color palette (#E8DDCD, #3A86C3, #093683, #00212A, #050326)
- Teal Thicket color palette (#F5F7E6, #61AD89, #007365, #4B4C44, #343730)
Browse the whole catalog at Explore, or see today's palette.