Tempered Grove color palette — #F4F7EC · #D1DFD9 · #A2BCC3 · #5E9A6F · #2D2F29

Fern and Ash set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F4F7EC): bright and airy, almost weightless.
• Silver (#D1DFD9): a clean, paper-quiet neutral.
• Ash (#A2BCC3): A luminous, dusty blue — the color of a favorite pair of jeans.
• Fern (#5E9A6F): A luminous, balanced teal — the color of shallow lagoons.
• Onyx (#2D2F29): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, 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

• Ancient Alley color palette (#F0F7F1, #CDE2E2, #D6C8BD, #389A9F, #263228)
• Wandering Pine color palette (#EDF8F7, #CFDBE4, #A2B8BE, #007745, #2D3E3E)
• Hushed Canyon color palette (#F7F6E5, #98E4B7, #239E90, #64645C, #242B13)
• Tempered Corridor color palette (#F0FBD6, #9DE8EA, #7DAE9E, #925532, #5F2800)
• Aged Abyss Drift color palette (#E5F1E9, #A9C1BA, #A5889C, #004352, #000201)
• Weathered Lagoon Courtyard color palette (#EAFCE3, #009F90, #1C3D2C, #081305, #010100)
• Weathered Forest Alley color palette (#F3F7ED, #C3E3D9, #A8C2B3, #00724E, #0A0F03)
• Gentle Seafoam Pier color palette (#EDFAE6, #9EF1E9, #24EFDD, #6BB2E8, #002B2C)

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