Twilit Harbor color palette — #F9DACD · #AC6509 · #550105 · #180000 · #030000

Ochre takes the lead with Espresso close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Shell Pink (#F9DACD): A whisper-light, dusty orange — the color of sun-warmed clay.
• Ochre (#AC6509): A full-bodied, balanced gold — the color of old brass.
• Espresso (#550105): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#180000): A deep, shadowed, dusty orange — the color of toasted spice.
• Black (#030000): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Optimism, Warmth, Comfort, Depth, Luxury. Tagged luxury, dark, muted, warm.

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 Olive color palette (#F1E5F2, #827F16, #4E0018, #1A0004, #030100)
• Nocturne Onyx color palette (#FAE1E1, #B05F3C, #4D003B, #15000E, #040000)
• Smoked Bronze Courtyard color palette (#FFE6D6, #8F5B00, #361200, #15170F, #070100)
• Feathered Rust color palette (#FAECE4, #C64C00, #5B3D00, #5D2000, #020100)
• Garnet Courtyard color palette (#E7DAE5, #C0834B, #860011, #3A0003, #070006)
• Weathered Amber color palette (#FDE8D7, #C68600, #602F00, #260F00, #060200)
• Chestnut Archive color palette (#F6E8C6, #875A00, #463B00, #00251A, #090400)
• Worn Dune color palette (#FFEEE5, #D7A97A, #7C4332, #392011, #170802)

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