Tempered Garden color palette — #F1F8EA · #8AD5B9 · #D7A17C · #9E7C31 · #30332C

Built around Walnut, softened by Mint Leaf — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#F1F8EA): bright and airy, almost weightless.
• Mint Leaf (#8AD5B9): A luminous, balanced teal — the color of glacier melt.
• Camel (#D7A17C): A luminous, balanced gold — the color of honey in a jar.
• Walnut (#9E7C31): A luminous, balanced gold — the color of afternoon light on wheat.
• Espresso (#30332C): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged muted.

Use it as a design system

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

• Bronze Summit color palette (#F8F6E7, #BACC91, #DA9AA6, #B26E56, #33322B)
• Patina Coast color palette (#EFF8EE, #7AD3D1, #B78E5D, #6C6F1A, #212813)
• Wandering Aqua color palette (#EEF8F2, #68D3F4, #D6AF7B, #A79A67, #314238)
• Quiet Pine Cabin color palette (#E9F9F4, #6EBBF3, #8BAA62, #00885B, #0A2B23)
• Bronze Orchard color palette (#FFF2EC, #DFD6FF, #B594BF, #9C6057, #503740)
• Azure Dune color palette (#E5F4FF, #31A1D1, #9F7B4D, #735936, #17242D)
• Soft Hollow color palette (#E5FCED, #1CAFCE, #9B8B02, #367018, #001B0D)
• Dusty Studio color palette (#FFF1F2, #ED73C9, #D27800, #7A6600, #310726)

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