Shadow Harbor color palette — #F8E2CC · #6A3E00 · #002E45 · #2D0008 · #0C0200

Bronze and Ink set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#F8E2CC): A whisper-light, dusty gold — the color of old brass.
• Bronze (#6A3E00): A full-bodied, balanced gold — the color of honey in a jar.
• Midnight (#002E45): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#2D0008): A deep, shadowed, dusty red — the color of a theater curtain.
• Ink (#0C0200): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged dark, muted.

Use it as a design system

One click turns Shadow 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

• Nocturne Courtyard color palette (#F5ECCD, #423F00, #1D2418, #200058, #170300)
• Smoked Fern Delta color palette (#DAECE6, #3A5300, #002F3D, #1F0024, #030100)
• Deep Garnet color palette (#F2DFD9, #8D002D, #003228, #270025, #0F0004)
• Antique Spruce Studio color palette (#EBEDD3, #4E5B5D, #1A4500, #182526, #000B09)
• Antique Pine Terrace color palette (#E5EACC, #007D2A, #004C33, #002627, #040E1D)
• Velvet Aubergine color palette (#E6E8D5, #1D5900, #47004E, #2A0500, #090300)
• Chalky Aubergine Parlor color palette (#E8E7D2, #517300, #004D5F, #3B0054, #130300)
• Hushed Courtyard color palette (#E9DCCD, #6C7200, #004414, #311E00, #101100)

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