Twilit Harbor color palette — #F5DFDC · #8A0652 · #004546 · #3D0021 · #000202

Built around Wine, softened by Deep Indigo — the whole palette hums with depth and luxury.

The five colors

• Shell Pink (#F5DFDC): A whisper-light, dusty orange — the color of sun-warmed clay.
• Wine (#8A0652): A full-bodied, vivid rose — the color of pressed rose petals.
• Deep Teal (#004546): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#3D0021): A deep, shadowed, balanced rose — the color of strawberry cream.
• Black (#000202): a grounded near-black with real depth.

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

• Moonless Basin color palette (#F2DCCE, #7E3000, #00444C, #371100, #000102)
• Antique Lantern color palette (#E9DBED, #B2365E, #00625B, #550023, #000201)
• Shadow Grove color palette (#F3D9E1, #68248E, #02490C, #2F0046, #000200)
• Midnight Study color palette (#F9DFD8, #6E1500, #003B2A, #002223, #040000)
• Velvet Mulberry color palette (#DCDFF5, #0061A5, #9B0033, #130602, #040000)
• Inked Alley color palette (#FBDDDF, #A23A39, #550014, #18180B, #180001)
• Worn Navy color palette (#FAEDE0, #804E00, #00498B, #3D2300, #00030A)
• Mulberry Corridor color palette (#FFEDEA, #D97491, #0093A6, #A80051, #00262C)

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