Twilit Harbor color palette — #F4EDD2 · #4F601D · #1A3100 · #151500 · #010100
Built around Olive, softened by Deep Forest — the whole palette hums with nature and growth.
The five colors
- Cream (#F4EDD2): A whisper-light, dusty green — the color of a quiet forest floor.
- Olive (#4F601D): A full-bodied, balanced green — the color of fresh herbs.
- Deep Forest (#1A3100): A deep, shadowed, dusty green — the color of new leaves after rain.
- Ink (#151500): A deep, shadowed, dusty green — the color of fresh herbs.
- Black (#010100): a grounded near-black with real depth.
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
- Eclipse Forest Canyon color palette (#D0E9DC, #00634B, #00392F, #001815, #000303)
- Fern Coast color palette (#D4E6DE, #6D7C42, #2F5000, #2D2E00, #050700)
- Weathered Archive color palette (#EEEEDA, #6E9B6D, #006635, #26410C, #121400)
- Midnight Aubergine Meadow color palette (#D6E9D2, #005953, #381E8F, #002422, #010009)
- Velvet Hollow color palette (#DBF3F1, #004543, #002E69, #1C2800, #000201)
- Ancient Pine color palette (#F6F3DC, #92B478, #427A3E, #455318, #132700)
- Dusty Cerulean Grove color palette (#DDF6DE, #009DB3, #007194, #003631, #000405)
- Antique Studio color palette (#DDE2D2, #487EA4, #003D6B, #001E29, #000106)
Browse the whole catalog at Explore, or see today's palette.