Twilit Harbor color palette — #F8EAD7 · #4E3100 · #002B33 · #1A0038 · #040000
A conversation between Deep Indigo and Espresso, giving this palette its sense of optimism and creativity.
The five colors
- Cream (#F8EAD7): A whisper-light, dusty gold — the color of honey in a jar.
- Espresso (#4E3100): A deep, shadowed, dusty gold — the color of honey in a jar.
- Midnight (#002B33): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Deep Indigo (#1A0038): A deep, shadowed, balanced violet — the color of wild irises.
- Black (#040000): A deep, shadowed, dusty orange — the color of autumn markets.
Feels like: Optimism, Creativity, Sophistication, Depth, Luxury. Tagged jewel, vibrant, 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
- Inked Spruce Coast color palette (#F0EBDC, #2E2C00, #001731, #110010, #030100)
- Chestnut Corridor color palette (#EFDFCD, #7C4D00, #003D3F, #220024, #020100)
- Garnet Orchard color palette (#F1DAD0, #7A1A00, #002A1D, #000E1C, #040001)
- Spruce Delta color palette (#EBE6C7, #495356, #303C00, #142022, #000901)
- Onyx Drift color palette (#EFE7D7, #615500, #0B3900, #07004A, #020200)
- Aubergine Station color palette (#FFE6F3, #532800, #2C0060, #11002C, #01000F)
- Twilit Navy color palette (#E8E6CD, #2E4D00, #12006E, #230016, #020100)
- Muted Driftwood color palette (#EEEAE4, #A4A091, #6B8559, #423500, #070400)
Browse the whole catalog at Explore, or see today's palette.