Tempered Garden color palette — #E6F7E9 · #6EBDAB · #4C8190 · #704059 · #163037

A conversation between Mint Leaf and Cocoa, giving this palette its sense of trust and stability.

The five colors

• Cream (#E6F7E9): A whisper-light, dusty teal — the color of shallow lagoons.
• Mint Leaf (#6EBDAB): A luminous, balanced teal — the color of glacier melt.
• Slate (#4C8190): A full-bodied, dusty blue — the color of open sky before noon.
• Cocoa (#704059): A full-bodied, dusty rose — the color of a warm blush.
• Deep Forest (#163037): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Aged Lagoon Balcony color palette (#E5F8E9, #9EB488, #468771, #4B4E73, #12322F)
• Hushed Teal Orchard color palette (#E8F4F7, #54AEA3, #626F9B, #6C3A4D, #352400)
• Patina Ridge color palette (#FFF2EC, #8EB38F, #448095, #824639, #3F4C36)
• Wandering Cypress color palette (#EDF4EE, #D4DCF0, #79A1C3, #33767E, #29374A)
• Timeworn Pewter Alley color palette (#DCF8FE, #A7C5D3, #8697A7, #725F76, #4D3A46)
• Feathered Garnet color palette (#D8FDDF, #00A5AC, #00689A, #730E2E, #002128)
• Dusty Petrol Thicket color palette (#E6F7E9, #65A3D4, #6462A4, #6B3609, #142337)
• Worn Loft color palette (#DEF1F7, #2F9397, #2C3E49, #142024, #060E0F)

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