Tempered Garden color palette — #FBF4EC · #DBDBCA · #BFC2AA · #BA7400 · #5A3700
Built around Mustard, softened by Cocoa — the whole palette hums with optimism and sophistication.
The five colors
- Ivory (#FBF4EC): a clean, paper-quiet neutral.
- Bone (#DBDBCA): A whisper-light, dusty green — the color of a quiet forest floor.
- Stone (#BFC2AA): A luminous, dusty green — the color of fresh herbs.
- Mustard (#BA7400): A luminous, balanced gold — the color of honey in a jar.
- Cocoa (#5A3700): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
Feels like: Optimism, Sophistication. Tagged scandi, muted, light.
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 Bronze Cabin color palette (#F2EEE8, #DED7C9, #C0B7A0, #946900, #362C1E)
- Washed Moss color palette (#F7F5EB, #D5DCD1, #B2C9AF, #819000, #4A4000)
- Antique Amber color palette (#F1F7F0, #BDDEE5, #A8ABBA, #BD853C, #2C392A)
- Ancient Rose Market color palette (#FBF3F1, #E0D9CD, #C9BEA9, #DD4D56, #682B13)
- Aged Dune color palette (#E9E2D4, #9E8400, #48481D, #2F2600, #1A0F01)
- Emerald Loft color palette (#F8F6E5, #A9C595, #4E9B48, #856310, #2B4216)
- Fern Basin color palette (#E5E4D9, #B5B6A5, #939A72, #465C00, #171400)
- Powdered Lantern color palette (#FFF4E0, #FFCE94, #F3BE0E, #9A9F00, #3D3200)
Browse the whole catalog at Explore, or see today's palette.