Tempered Grove color palette — #EDDDE3 · #75BAE4 · #4E71BF · #005A55 · #22163F

A conversation between Sapphire and Sky, giving this palette its sense of trust and stability.

The five colors

• Shell Pink (#EDDDE3): bright and airy, almost weightless.
• Sky (#75BAE4): A luminous, balanced blue — the color of deep harbor water.
• Sapphire (#4E71BF): A full-bodied, balanced violet — the color of twilight just after sunset.
• Peacock (#005A55): A full-bodied, dusty teal — the color of sea glass.
• Deep Indigo (#22163F): A deep, shadowed, dusty violet — the color of a velvet chair.

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

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

• Linen Cobalt Summit color palette (#FBF3ED, #A7D2F0, #4678CC, #005156, #0B0032)
• Aged Forest color palette (#F3E9F3, #6CC2C1, #0081A1, #005E1E, #00203F)
• Azure Study color palette (#DCEDEC, #A1C5E1, #2598EB, #007898, #001F43)
• Denim Garden color palette (#ECF1E0, #73A5C8, #005A96, #003B4D, #001E44)
• Azure Terrace color palette (#FFF0FC, #46E0FD, #0095DE, #007654, #212E60)
• Ash Atelier color palette (#F0F8EF, #D9DDFA, #97A1D5, #3B888C, #444561)
• Grape Ridge color palette (#D5E7E2, #77A925, #713BCE, #3E5E00, #1F0C40)
• Powdered Boulevard color palette (#E4E6D6, #5AE4A7, #00B8CE, #895B1B, #0E2D12)

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