Tempered Grape color palette — #D5E9F0 · #007E9A · #6905FA · #006336 · #002934
Violet and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Frost (#D5E9F0): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#007E9A): A full-bodied, balanced blue — the color of deep harbor water.
- Violet (#6905FA): A full-bodied, vivid violet — the color of twilight just after sunset.
- Pine (#006336): A full-bodied, balanced teal — the color of sea glass.
- Midnight (#002934): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, 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
- Ultramarine Bloom color palette (#D0E4E3, #008281, #0057D9, #3F5E00, #002B2A)
- Byzantium Courtyard color palette (#D7EBFF, #0074C5, #9600C0, #006056, #002545)
- Gentle Lapis color palette (#ECEFFF, #524FFD, #AD0087, #005D69, #1A1E4C)
- Softworn Basin color palette (#FBD9ED, #736CC4, #B9227B, #00657B, #3E1F33)
- Aged Corridor color palette (#E8EAFF, #4E38CE, #8B0061, #004551, #0E0C2C)
- Timeworn Courtyard color palette (#E5FBF2, #55A1CD, #9876C6, #36876F, #2F483F)
- Hushed Raspberry Terrace color palette (#FFF1F6, #9378C3, #BC536E, #06729D, #47303A)
- Worn Turquoise Coast color palette (#D0F3FF, #00ABD2, #00677F, #003341, #001F28)
Browse the whole catalog at Explore, or see today's palette.