Tempered Garden color palette — #F6F7E5 · #7ECF9F · #009D82 · #007783 · #18442D
Built around Fern, softened by Mint Leaf — the whole palette hums with nature and growth.
The five colors
- Cream (#F6F7E5): A whisper-light, dusty green — the color of new leaves after rain.
- Mint Leaf (#7ECF9F): A luminous, balanced teal — the color of shallow lagoons.
- Fern (#009D82): A luminous, balanced teal — the color of sea glass.
- Teal (#007783): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#18442D): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, Balance, Grounding. Tagged botanical, earthy, 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
- Hazy Emerald color palette (#FBF5E2, #AEC587, #499C46, #2F7766, #334019)
- Airy Dune color palette (#EDEECD, #61C382, #008C6E, #4452A4, #0D371D)
- Teal Archive color palette (#E1FCFA, #A4EACA, #3DA68D, #007B78, #003638)
- Dusty Field color palette (#F9F5E8, #B5CEA1, #5DA16B, #7E6981, #484500)
- Azure Courtyard color palette (#FBF4E9, #A5E6FF, #00A6F0, #008286, #254163)
- Quiet Terrace color palette (#ECE8CB, #50964A, #00633F, #1B3668, #011501)
- Dusty Olive color palette (#F4EBD7, #8A9C4C, #2C7300, #004A70, #201B00)
- Lilac Canyon color palette (#FFE2EF, #A57FFF, #D76F00, #009279, #462335)
Browse the whole catalog at Explore, or see today's palette.