Tempered Grape Harbor color palette — #FFF3E2 · #986E00 · #7141CD · #8D0026 · #3A2800
Built around Violet, softened by Wine — the whole palette hums with optimism and creativity.
The five colors
- Cream (#FFF3E2): A whisper-light, dusty gold — the color of old brass.
- Ochre (#986E00): A full-bodied, balanced gold — the color of old brass.
- Violet (#7141CD): A full-bodied, vivid violet — the color of a velvet chair.
- Wine (#8D0026): A full-bodied, vivid red — the color of late-summer berries.
- Espresso (#3A2800): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
Feels like: Optimism, Creativity, Energy, Balance. Tagged vibrant.
Use it as a design system
One click turns Tempered Grape 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
- Gentle Grape Harbor color palette (#FAF6DE, #7E9223, #7612B4, #842300, #322C07)
- Sunlit Ultramarine color palette (#FFF3E3, #986E00, #3054E0, #800667, #3A2800)
- Nightshade Orchard color palette (#E2DFC6, #536D00, #5135B3, #6A0033, #1F1B00)
- Aged Pier color palette (#F4F8E3, #019828, #542AD7, #6A2900, #3B2600)
- Chalky Ember color palette (#FFF2EB, #DE5421, #0056A1, #7B1668, #412310)
- Muted Moss color palette (#F5F7E7, #65A551, #953A6C, #754708, #33332D)
- Antique Lagoon Atelier color palette (#EEF9ED, #46A19D, #A56988, #795826, #344133)
- Gentle Mulberry color palette (#D5EDCE, #00786E, #950087, #583300, #002622)
Browse the whole catalog at Explore, or see today's palette.