Shadow Harbor color palette — #E9D9DF · #966900 · #583100 · #240900 · #020100

Ochre and Cocoa set the tone — five colors that lean into optimism and sophistication.

The five colors

• Silver (#E9D9DF): bright and airy, almost weightless.
• Ochre (#966900): A full-bodied, balanced gold — the color of old brass.
• Cocoa (#583100): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Ink (#240900): A deep, shadowed, dusty orange — the color of toasted spice.
• Black (#020100): quiet, heavy and certain.

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

• Olive Station color palette (#DAF6E6, #6E7A23, #443D00, #1A1100, #010200)
• Weathered Bronze Meadow color palette (#FFDFEC, #B2790E, #733E00, #3D1100, #020100)
• Dusty Fern color palette (#C8F0DD, #8FA460, #666300, #3E3000, #010500)
• Bronze Lagoon color palette (#E8FBEB, #BEB475, #947000, #643C00, #001710)
• Inked Aubergine color palette (#DCF3F7, #005A53, #690059, #310800, #000201)
• Hushed Navy Summit color palette (#DCECF1, #008C89, #003389, #003331, #000105)
• Timeworn Indigo Station color palette (#FFE5D9, #6C68FF, #00866A, #050C0D, #000102)
• Weathered Amber Ridge color palette (#E3FEE3, #E6CE8C, #C28300, #8A4E1C, #01301F)

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