Tempered Amber color palette — #F4F4FF · #B389DB · #A88D0D · #29815C · #313143
Built around Mustard, softened by Wisteria — the whole palette hums with nature and growth.
The five colors
- Ivory (#F4F4FF): a clean, paper-quiet neutral.
- Wisteria (#B389DB): A luminous, balanced violet — the color of wild irises.
- Mustard (#A88D0D): A luminous, balanced green — the color of a quiet forest floor.
- Teal (#29815C): A full-bodied, balanced teal — the color of glacier melt.
- Deep Teal (#313143): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Creativity, Balance. Tagged cool.
Use it as a design system
One click turns Tempered Amber 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
- Feathered Terrace color palette (#F7F2FF, #CB83B5, #709F50, #008077, #372E43)
- Ancient Bronze color palette (#F8F2FE, #D788AF, #AA7400, #006F4D, #1A3A59)
- Linen Bronze Pier color palette (#F0F5FF, #9AAAFF, #B56716, #667731, #293347)
- Wandering Orchid color palette (#F5F4FF, #A165B6, #6E7734, #515914, #323140)
- Patina Wisteria Lagoon color palette (#FFF1F4, #D199EA, #D28873, #367B9B, #341C23)
- Antique Market color palette (#FFF0F7, #BBABFF, #87BE81, #629F7F, #422B37)
- Ember Field color palette (#EAFAED, #E393C6, #CB6160, #2D7445, #45374C)
- Blush Thicket color palette (#FBF1FF, #FF6F9F, #008D35, #007287, #36233C)
Browse the whole catalog at Explore, or see today's palette.