Tempered Grove color palette — #CCF3FF · #009093 · #C20810 · #004547 · #040000

Ruby takes the lead with Cerulean close behind in a set that reads as calm and energy at first glance.

The five colors

• Frost (#CCF3FF): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#009093): A full-bodied, balanced teal — the color of sea glass.
• Ruby (#C20810): A full-bodied, vivid orange — the color of autumn markets.
• Deep Teal (#004547): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Black (#040000): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Calm, Energy, Balance. Tagged vibrant, cool.

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

• Ancient Chestnut Terrace color palette (#DDEFFD, #0089BC, #A14B00, #00415C, #030100)
• Gentle Plum Hollow color palette (#C7EAEC, #009475, #B40084, #004737, #040002)
• Misty Mulberry Ridge color palette (#D9F2F8, #007773, #A3004B, #603800, #000201)
• Garnet Courtyard color palette (#D9F1DF, #006774, #8B0031, #003037, #0A0001)
• Soft Rose color palette (#EAF8FF, #2ED5FB, #EF4459, #00778F, #40000B)
• Bronze Meadow color palette (#FAE6EE, #A87E2C, #743D00, #440600, #010100)
• Lowlit Loft color palette (#DFEAF5, #D26F29, #002D50, #0A0B14, #000104)
• Ancient Loft color palette (#EBE2C6, #FE33A4, #0095B4, #070D13, #000103)

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