Tempered Amber Garden color palette — #FDF3EA · #D9DBCB · #B6CBA7 · #D58124 · #37322D

Mustard and Pistachio set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FDF3EA): bright and airy, almost weightless.
• Bone (#D9DBCB): A whisper-light, dusty green — the color of new leaves after rain.
• Pistachio (#B6CBA7): A luminous, dusty green — the color of new leaves after rain.
• Mustard (#D58124): A luminous, balanced gold — the color of old brass.
• Espresso (#37322D): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Weathered Harbor color palette (#F1EEE7, #CBD7C9, #A6C2B0, #9A9642, #342D1A)
• Wandering Garden color palette (#FDF3EE, #DFDAC6, #C1C5A0, #EA6C57, #562000)
• Softworn Amber color palette (#F6EFD5, #AD8F00, #4A6230, #38342E, #0F0500)
• Misty Lapis Workshop color palette (#FFE0B2, #FB931C, #8CA217, #5950C1, #362600)
• Worn Chestnut color palette (#FBEEF2, #C4DBCA, #A5B281, #844B00, #27121B)
• Worn Jade color palette (#F7DDCB, #CBC182, #6AB674, #9363A7, #4E2E56)
• Linen Mustard Chapel color palette (#F9E5C2, #CDA200, #0097C7, #006DA6, #46002D)
• Timeworn Pewter color palette (#F9F4EE, #D9DBD4, #A8B5B0, #62616C, #4E4D45)

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