Tempered Grove color palette — #F5EDE5 · #9ED1C1 · #667DE2 · #006C6C · #33254A

Periwinkle takes the lead with Teal close behind in a set that reads as creativity and calm at first glance.

The five colors

• Cream (#F5EDE5): a clean, paper-quiet neutral.
• Pistachio (#9ED1C1): A whisper-light, dusty teal — the color of sea glass.
• Periwinkle (#667DE2): A luminous, balanced violet — the color of wild irises.
• Teal (#006C6C): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Indigo (#33254A): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Creativity, Calm, Balance. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Tempered Grove 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

• Airy Cornflower Delta color palette (#FEF3E9, #94D4FB, #4F84FF, #00736D, #372267)
• Muted Cerulean color palette (#F9EBE6, #86D3DB, #0092C5, #007041, #1A2D4F)
• Wandering Iris color palette (#FFF1F6, #D7DFFC, #7090D7, #006873, #1D1542)
• Worn Emerald Balcony color palette (#FAE3F2, #6D76F0, #069425, #007B69, #181B3F)
• Ancient Boulevard color palette (#FDF2EF, #BFDEBE, #00A5CD, #327E40, #49304C)
• Wandering Summit color palette (#E8F1EA, #77B8EC, #3C67AB, #004D5E, #232A51)
• Pale Harbor color palette (#FFE6F0, #FFB9E1, #F59768, #4D7BC0, #48212C)
• Ultramarine Canyon color palette (#F0E4DB, #64ACCB, #0063C6, #004B41, #120839)

Browse the whole catalog at Explore, or see today's palette.