Shadow Harbor color palette — #FFEBDC · #A35900 · #4F2B00 · #1F0D00 · #020100

A conversation between Ochre and Espresso, giving this palette its sense of optimism and warmth.

The five colors

• Cream (#FFEBDC): A whisper-light, dusty gold — the color of old brass.
• Ochre (#A35900): A full-bodied, balanced gold — the color of old brass.
• Espresso (#4F2B00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#1F0D00): A deep, shadowed, dusty gold — the color of old brass.
• Black (#020100): quiet, heavy and certain.

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

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

• Bronze Pier color palette (#FBEED4, #866000, #323A3F, #261D00, #040300)
• Linen Amber Corridor color palette (#FFE1B2, #D48A00, #844F00, #3D2900, #100800)
• Scarlet Cabin color palette (#F8D7CD, #D02B00, #6D0206, #270100, #040000)
• Mustard Corridor color palette (#F8F8A0, #B8B500, #7E7300, #383900, #141100)
• Muted Station color palette (#E5E3F1, #0078A2, #914D00, #100C03, #030100)
• Hushed Veranda color palette (#DEE1CB, #7FA600, #4F6500, #292C00, #060700)
• Muted Basin color palette (#F9E6E0, #AD943D, #3D8F57, #61153B, #0D0400)
• Obsidian Aubergine color palette (#F2E7D4, #534100, #35118B, #1C0055, #020100)

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