Tempered Grape color palette — #DBF0FB · #297DE8 · #4E09CE · #4C007B · #2D0028
Built around Indigo, softened by Azure — the whole palette hums with trust and stability.
The five colors
- Frost (#DBF0FB): A whisper-light, dusty blue — the color of deep harbor water.
- Azure (#297DE8): A full-bodied, vivid blue — the color of deep harbor water.
- Indigo (#4E09CE): A full-bodied, vivid violet — the color of wild irises.
- Royal Purple (#4C007B): A deep, shadowed, vivid violet — the color of wild irises.
- Deep Indigo (#2D0028): A deep, shadowed, balanced pink — the color of peonies in June.
Feels like: Trust, Stability, Creativity, Energy. Tagged vibrant.
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
- Aubergine Delta color palette (#CAE7FF, #1D7FF9, #5100C1, #360054, #030003)
- Linen Ultramarine Workshop color palette (#DBEFF5, #0081C5, #1231E9, #33008F, #1E002C)
- Muted Grape color palette (#E0F0FF, #6363E2, #6D00B3, #5B0060, #2E0019)
- Airy Workshop color palette (#D0E0FC, #5F72FF, #5A37EF, #511A9D, #230033)
- Dusty Nightshade Terrace color palette (#D5F1F1, #0082AF, #005299, #1E009F, #1E0044)
- Aubergine Garden color palette (#DEE1FF, #8D54D1, #756600, #5C009E, #130F00)
- Softworn Grape color palette (#E3DAF2, #A76BCF, #7410B1, #380059, #030009)
- Hushed Amethyst Garden color palette (#D4E7F5, #7899FF, #7947FF, #830092, #55003F)
Browse the whole catalog at Explore, or see today's palette.