Tempered Grape color palette — #F1F1E0 · #0099B2 · #6C49CB · #2F5300 · #000C19
A conversation between Violet and Deep Olive, giving this palette its sense of nature and growth.
The five colors
- Cream (#F1F1E0): A whisper-light, dusty green — the color of a quiet forest floor.
- Cerulean (#0099B2): A luminous, balanced blue — the color of a favorite pair of jeans.
- Violet (#6C49CB): A full-bodied, vivid violet — the color of a velvet chair.
- Deep Olive (#2F5300): A deep, shadowed, balanced green — the color of fresh herbs.
- Ink (#000C19): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Creativity, Energy. Tagged retro.
Use it as a design system
One click turns Tempered Grape 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
- Byzantium Meadow color palette (#CDE7D5, #0091A5, #9517B8, #404900, #00090C)
- Sapphire Balcony color palette (#F5EECA, #009E90, #135ED6, #534800, #000E12)
- Patina Loft color palette (#E0EED3, #0090DB, #913CA7, #005540, #040033)
- Patina Fern color palette (#CBF4FB, #729C83, #676EA8, #385A25, #00262A)
- Aubergine Veranda color palette (#D7E6DA, #3A6ECA, #6200AA, #3E2500, #060130)
- Dusty Pine color palette (#ECDCD7, #81BDBB, #0091B3, #007321, #00142B)
- Lilac Thicket color palette (#E2EAC3, #0AC3F0, #A873FF, #00792A, #002A4F)
- Worn Olive color palette (#F9E4D2, #AD9641, #577E08, #733B7F, #140F00)
Browse the whole catalog at Explore, or see today's palette.