Nightshade Harbor color palette — #FFF4E2 · #C9B761 · #598E45 · #2D46A6 · #222400

A conversation between Indigo and Olive Leaf, giving this palette its sense of nature and growth.

The five colors

• Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Gold (#C9B761): A luminous, balanced green — the color of a quiet forest floor.
• Olive Leaf (#598E45): A full-bodied, balanced green — the color of new leaves after rain.
• Indigo (#2D46A6): A full-bodied, balanced violet — the color of wild irises.
• Onyx (#222400): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Creativity, Balance. Tagged retro.

Use it as a design system

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

• Pale Olive Harbor color palette (#FFF4E2, #E2AA70, #87821C, #00587D, #2E1E00)
• Pale Lagoon color palette (#FFF4E2, #9DC672, #009473, #61329B, #062A0A)
• Patina Basin color palette (#FEF4E4, #C4D496, #49A77A, #6453A8, #32322B)
• Soft Nightshade Chapel color palette (#FBF5E4, #B2AA44, #008980, #283BA3, #370120)
• Sunlit Lantern color palette (#FFEADD, #ECAB5B, #44B154, #8761A4, #33302A)
• Worn Bronze color palette (#D9F8DF, #9B8500, #386826, #283B77, #19372C)
• Amber Field color palette (#FEDFED, #B37F00, #0E6D3F, #3F2E5C, #001E13)
• Aubergine Corridor color palette (#FFEBCC, #918F00, #006729, #24007E, #030500)

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