Tempered Grape Harbor color palette — #FFF0F8 · #F1BA2B · #5838BC · #200059 · #040002
Plum and Saffron set the tone — five colors that lean into optimism and creativity.
The five colors
- Ivory (#FFF0F8): a clean, paper-quiet neutral.
- Saffron (#F1BA2B): A luminous, balanced gold — the color of old brass.
- Plum (#5838BC): A full-bodied, vivid violet — the color of a velvet chair.
- Deep Indigo (#200059): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Black (#040002): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Optimism, Creativity, Energy, Balance. Tagged luxury, dark.
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
- Washed Courtyard color palette (#FFF1F4, #EEBB40, #822299, #33003F, #040001)
- Timeworn Field color palette (#FFEFFF, #EEBB3F, #0056AA, #001D42, #030004)
- Powdered Byzantium Lagoon color palette (#FFF1F4, #FFD26F, #8E4B9D, #401E48, #130206)
- Indigo Courtyard color palette (#F5DCEC, #BBC961, #6B6AEC, #413F98, #0B072F)
- Weathered Nightshade Grove color palette (#E7EFFF, #8CA000, #3100B0, #0F004B, #000111)
- Tempered Marigold color palette (#FFE8E6, #C99A20, #661941, #160009, #020200)
- Worn Sand Balcony color palette (#FFF2EF, #FFE2A6, #9B6471, #512D27, #180C0A)
- Chalky Loft color palette (#FFF1F6, #CFB3FF, #D73475, #8A12EA, #060001)
Browse the whole catalog at Explore, or see today's palette.