Shadow Harbor color palette — #EBDDBF · #5B4B00 · #00279D · #251E00 · #000109

Indigo and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Bone (#EBDDBF): A whisper-light, dusty gold — the color of old brass.
• Deep Olive (#5B4B00): A full-bodied, balanced green — the color of a quiet forest floor.
• Indigo (#00279D): A deep, shadowed, vivid violet — the color of wild irises.
• Onyx (#251E00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Black (#000109): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Optimism, Energy, Depth, Luxury. Tagged dark.

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

• Twilit Boulevard color palette (#F1DEC5, #664500, #003F64, #2B1B00, #000103)
• Aubergine Ridge color palette (#E7E5CB, #3C5600, #470094, #162300, #020008)
• Velvet Nightshade color palette (#E9E7D5, #433C00, #170096, #260063, #010100)
• Misty Basin color palette (#DCF6E7, #786900, #0059A2, #413800, #000613)
• Shadow Lapis Terrace color palette (#ECDBED, #3228FB, #4E5900, #070D08, #020100)
• Cellar Courtyard color palette (#EFE2D1, #6D4900, #6E0058, #2E1C00, #11000B)
• Bronze Field color palette (#DEF6E6, #806800, #00625F, #352A00, #000201)
• Aubergine Drift color palette (#EBF1E2, #006C4A, #770081, #003320, #070009)

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