Tempered Amber color palette — #FFF3E6 · #E6DEB4 · #A1DBBE · #C28E55 · #3A4F08
Mustard and Deep Olive set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#FFF3E6): A whisper-light, dusty gold — the color of honey in a jar.
- Celadon Mist (#E6DEB4): A whisper-light, dusty green — the color of fresh herbs.
- Pistachio (#A1DBBE): A whisper-light, dusty teal — the color of glacier melt.
- Mustard (#C28E55): A luminous, balanced gold — the color of afternoon light on wheat.
- Deep Olive (#3A4F08): A deep, shadowed, balanced green — the color of new leaves after rain.
Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged light, muted.
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
- Moss Coast color palette (#F8F5E8, #E4EBB5, #85DBEC, #98A152, #2D4F39)
- Dusty Cocoa Veranda color palette (#F9F5E9, #DDE0CA, #8E8855, #574300, #1E1B13)
- Worn Bronze color palette (#FFF3E7, #E0DDC0, #C9A786, #A36C3C, #563800)
- Apricot Courtyard color palette (#FEF3E9, #F5CCA8, #98CEF7, #E39443, #28574A)
- Hushed Mint Parlor color palette (#FFF3E4, #EDC48C, #9BC994, #CA8F98, #3C3732)
- Amber Atelier color palette (#FFF2EA, #EDD8BD, #D8BFF7, #CE8567, #5C3B47)
- Soft Moss Lantern color palette (#F8F7DF, #C3E09C, #F4A396, #779647, #582822)
- Powdered Moss color palette (#F2F1CD, #71A42E, #0087AB, #385900, #00090F)
Browse the whole catalog at Explore, or see today's palette.