Tempered Grape Harbor color palette — #FFF1F5 · #B091C6 · #77964A · #8244A7 · #394921
A conversation between Plum and Moss, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF1F5): a clean, paper-quiet neutral.
- Mauve (#B091C6): A luminous, balanced violet — the color of a velvet chair.
- Moss (#77964A): A luminous, balanced green — the color of a quiet forest floor.
- Plum (#8244A7): A full-bodied, balanced violet — the color of a velvet chair.
- Deep Olive (#394921): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Creativity, Balance. Tagged warm.
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
- Wandering Moss color palette (#FFECF2, #B592D9, #61A13F, #765099, #292904)
- Lapis Hollow color palette (#FEF1F9, #949AD2, #A1872C, #5451CA, #4F4110)
- Timeworn Mulberry Courtyard color palette (#FFF1F1, #C987AF, #359F7A, #9A3D7B, #004F39)
- Clover Veranda color palette (#F3F4FF, #C6A7ED, #80C06C, #8A63B7, #134D45)
- Timeworn Bronze color palette (#FFF1F4, #A275B0, #A27000, #00787B, #4D2D36)
- Worn Magenta color palette (#FFDADD, #D75AC7, #008743, #6F0066, #003919)
- Faded Harbor color palette (#FFF2EF, #E16384, #00918E, #AA004B, #004443)
- Iris Harbor color palette (#FFF1F4, #E3D8D2, #EDB3B8, #8375B7, #624046)
Browse the whole catalog at Explore, or see today's palette.