Tempered Garden color palette — #F2F8E8 · #FDC38B · #36714F · #00311A · #030500
Built around Cantaloupe, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Ivory (#F2F8E8): A whisper-light, dusty green — the color of new leaves after rain.
- Cantaloupe (#FDC38B): A whisper-light, balanced gold — the color of old brass.
- Pine (#36714F): A full-bodied, balanced teal — the color of sea glass.
- Deep Forest (#00311A): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#030500): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, 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
- Dusty Apricot color palette (#E0FFE4, #FFAC84, #00656B, #002426, #000200)
- Lagoon Workshop color palette (#EFF8EB, #EDDEBD, #318777, #2D3E24, #0C1109)
- Softworn Forest Quarry color palette (#E2F3F0, #CDCC93, #679662, #30642B, #001B18)
- Petrol Boulevard color palette (#E3FCF2, #FFCABE, #0073A3, #00334A, #000A06)
- Forest Lantern color palette (#E9EADF, #A8A358, #1F5411, #072302, #050600)
- Softworn Cabin color palette (#E9F2E0, #DA8E4A, #004734, #1D292D, #000A06)
- Pine Workshop color palette (#F4F7EC, #8FE7A7, #3692CA, #2A8B4E, #000805)
- Cocoa Bloom color palette (#FFF2EB, #55CEB5, #2088B9, #853419, #002729)
Browse the whole catalog at Explore, or see today's palette.