Twilit Harbor color palette — #ECDDCE · #8E5300 · #0B3D01 · #0D0030 · #020100
A conversation between Ochre and Forest, giving this palette its sense of nature and growth.
The five colors
- Bone (#ECDDCE): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Ochre (#8E5300): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Forest (#0B3D01): A deep, shadowed, balanced green — the color of new leaves after rain.
- Ink (#0D0030): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Black (#020100): quiet, heavy and certain.
Feels like: Nature, Growth, Optimism, Creativity, Sophistication, Depth. Tagged retro, dark, muted.
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
- Cocoa Dune color palette (#FBD9E5, #6B3D00, #1E2800, #170028, #050300)
- Olive Terrace color palette (#F8E5E3, #626A00, #003A38, #1C001A, #000200)
- Deep Brick Balcony color palette (#F6E6C9, #BB0611, #383300, #000A26, #030100)
- Timeworn Olive Dune color palette (#FFE6D3, #80841F, #005A50, #2C1939, #05000A)
- Weathered Hollow color palette (#FCE7E1, #12B9B8, #005E76, #002E0A, #000104)
- Antique Pine Quarry color palette (#F0EBD5, #009254, #004643, #320823, #000201)
- Hazy Quarry color palette (#EEE0B4, #FF7A5B, #A08800, #006F5C, #010100)
- Marigold Basin color palette (#FFF2EB, #C29E00, #007E5F, #49306A, #101500)
Browse the whole catalog at Explore, or see today's palette.