Garnet Harbor color palette — #E8F6E9 · #9D6C00 · #3C6000 · #6A004B · #4E1704
Mulberry and Olive set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#E8F6E9): A whisper-light, dusty green — the color of new leaves after rain.
- Ochre (#9D6C00): A full-bodied, balanced gold — the color of old brass.
- Olive (#3C6000): A full-bodied, balanced green — the color of new leaves after rain.
- Mulberry (#6A004B): A deep, shadowed, balanced rose — the color of strawberry cream.
- Espresso (#4E1704): A deep, shadowed, balanced orange — the color of autumn markets.
Feels like: Nature, Growth, Optimism, Balance. Tagged warm.
Use it as a design system
One click turns Garnet 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
- Ancient Mulberry color palette (#DEFEF0, #858C12, #831E82, #7C0018, #432B00)
- Aubergine Summit color palette (#FBE7F3, #BC5C3D, #006548, #3A1A73, #280022)
- Amber Orchard color palette (#FFEEE4, #E36F3A, #008666, #573996, #401942)
- Ancient Fern color palette (#E7F7EA, #92721D, #316200, #00453D, #003043)
- Hazy Mustard Meadow color palette (#FBF0DF, #DEA800, #6DA453, #00817A, #4A1B07)
- Olive Cabin color palette (#D1F0E8, #537D00, #00584F, #003751, #2D2300)
- Gentle Marigold color palette (#EBFAEE, #E9AF75, #CE9C00, #848500, #3E3200)
- Worn Fern color palette (#EAFAF3, #79A699, #4C6E3A, #624411, #193D34)
Browse the whole catalog at Explore, or see today's palette.