Twilit Harbor color palette — #F9E5DD · #8A4D00 · #2F0002 · #131206 · #090000

Coffee and Ink set the tone — five colors that lean into optimism and sophistication.

The five colors

• Rose Water (#F9E5DD): A whisper-light, dusty orange — the color of sun-warmed clay.
• Coffee (#8A4D00): A full-bodied, balanced gold — the color of old brass.
• Ink (#2F0002): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#131206): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#090000): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged luxury, 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

• Deep Bronze color palette (#EFE7DA, #896600, #1E2A2B, #271B00, #070400)
• Dusty Bronze Lantern color palette (#F0EAE6, #A69786, #906827, #432100, #120600)
• Softworn Olive Atelier color palette (#EDDEEF, #807700, #56001E, #291311, #130003)
• Inked Drift color palette (#FCEED5, #634300, #2A2400, #00120C, #050300)
• Airy Moss Drift color palette (#FCDAD4, #6F952C, #7B2341, #2F0011, #070000)
• Amber Alley color palette (#EBDACF, #BF7C00, #592400, #290C00, #090500)
• Quiet Garnet Bloom color palette (#FFF2EB, #D49248, #802200, #480F00, #211400)
• Muted Chestnut color palette (#FDF4E9, #CBA96A, #6D4900, #322D27, #1D1C0E)

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