Twilit Harbor color palette — #F6DFD9 · #C60046 · #461A16 · #220601 · #090201

Built around Ruby, softened by Espresso — the whole palette hums with warmth and comfort.

The five colors

• Shell Pink (#F6DFD9): A whisper-light, dusty orange — the color of toasted spice.
• Ruby (#C60046): A full-bodied, vivid red — the color of a theater curtain.
• Espresso (#461A16): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#220601): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#090201): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Warmth, Comfort, Energy, Depth, Luxury. Tagged noir, dark, luxury, vibrant.

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 Veranda color palette (#F1E4DB, #AE4700, #402003, #1E0A00, #080200)
• Lowlit Terracotta Garden color palette (#F4DDD4, #A2001A, #13211A, #320B01, #0F0200)
• Shadow Plum color palette (#FFE4E4, #B80091, #411E1C, #1F0709, #090102)
• Wandering Rose color palette (#E8DAE9, #DD4B66, #653631, #341C36, #180D1B)
• Wandering Rose color palette (#FFF2EE, #FF336E, #592F19, #260C06, #060001)
• Muted Courtyard color palette (#FFDEC3, #C66400, #6C7F00, #A91475, #2A1000)
• Ancient Coral Dune color palette (#FFEAE8, #FA7051, #AF3F00, #753200, #361700)
• Chestnut Drift color palette (#F0DDC4, #785300, #323D3D, #261D00, #0D0600)

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