Twilit Harbor color palette — #F1E7D9 · #5B5400 · #382600 · #1B0900 · #010100

A conversation between Deep Olive and Espresso, giving this palette its sense of nature and growth.

The five colors

• Parchment (#F1E7D9): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Deep Olive (#5B5400): A full-bodied, balanced green — the color of new leaves after rain.
• Espresso (#382600): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#1B0900): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Black (#010100): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication, Depth, Luxury, Grounding. Tagged earthy, warm, 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

• Patina Drift color palette (#F4E9CC, #759330, #5F5600, #432C00, #0E1000)
• Aged Bronze color palette (#D0EED4, #806E00, #5A4000, #371D00, #030400)
• Velvet Nightshade Study color palette (#EDD8E7, #25009F, #332900, #171100, #040003)
• Amber Garden color palette (#F4DBCB, #C48B4F, #944F2F, #5E2D2F, #211501)
• Onyx Dune color palette (#F5E0F2, #6C5500, #02004C, #0C0104, #00000C)
• Faded Moss color palette (#F6E7CD, #A0A832, #826800, #5F3A0D, #0F2203)
• Lowlit Mulberry Archive color palette (#D3EAD0, #AD0053, #005A7A, #050E0E, #000201)
• Hushed Chestnut Drift color palette (#F9F1DF, #B4C292, #8C8456, #784E08, #2C2E1F)

Browse the whole catalog at Explore, or see today's palette.