Tempered Grape color palette — #D4F1E7 · #00B3C6 · #0083C8 · #563AC3 · #23002C
Built around Iris, softened by Cerulean — the whole palette hums with trust and stability.
The five colors
- Honeydew (#D4F1E7): A whisper-light, dusty teal — the color of sea glass.
- Cyan (#00B3C6): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#0083C8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Iris (#563AC3): A full-bodied, vivid violet — the color of a velvet chair.
- Deep Indigo (#23002C): A deep, shadowed, balanced pink — the color of neon signs at night.
Feels like: Trust, Stability, Creativity, Energy, Balance. 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
- Sapphire Hollow color palette (#CAF7F6, #009BCB, #2C61E1, #650096, #1B0015)
- Soft Lagoon color palette (#CAEEF4, #009ECE, #0064AB, #1D1A99, #17004B)
- Soft Teal color palette (#DCE6D8, #00BF9B, #008AA1, #005D99, #190048)
- Weathered Courtyard color palette (#F8E4CC, #00ADB1, #5766E0, #734C00, #001923)
- Ancient Navy Hollow color palette (#CDE8ED, #00AFE5, #005FAB, #130093, #030016)
- Misty Balcony color palette (#D1EEF6, #4EA2FF, #8068DD, #8C008F, #300013)
- Dusty Grape Villa color palette (#D3E2EA, #4978E8, #7433B8, #6A005A, #090001)
- Quiet Byzantium Courtyard color palette (#C6E7EC, #62C0FF, #8281FF, #9C24D6, #4D002D)
Browse the whole catalog at Explore, or see today's palette.