Tempered Grove color palette — #FBF3EE · #BFE7D0 · #5D90B5 · #2F6E65 · #563F53

A conversation between Slate Blue and Teal, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FBF3EE): bright and airy, almost weightless.
• Celadon Mist (#BFE7D0): A whisper-light, dusty teal — the color of sea glass.
• Slate Blue (#5D90B5): A luminous, dusty blue — the color of deep harbor water.
• Teal (#2F6E65): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal (#563F53): A full-bodied, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Trust, Stability, Sophistication. 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

• Cerulean Terrace color palette (#FCF3EE, #C8E6C5, #4297A9, #35704D, #285143)
• Cypress Bloom color palette (#F9F0EB, #C2E7D1, #6B91B7, #086E59, #3D2135)
• Tempered Cobalt color palette (#FCF3EC, #9DCCE9, #4E79B7, #005F63, #4C3043)
• Worn Basin color palette (#FBF2F8, #D2DEF5, #84A8CE, #338C76, #3D4761)
• Dusty Lagoon color palette (#E9DBD4, #239099, #004357, #002318, #000A17)
• Quiet Iris color palette (#FFF4DC, #B59F3C, #9577C9, #766508, #473A5F)
• Navy Hollow color palette (#F4E6DC, #479AC0, #00498A, #003030, #0B0B39)
• Washed Fern Delta color palette (#FCF5E0, #B2F9DF, #B7D5B3, #91714E, #5A4E00)

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