Tempered Amber color palette — #FFF1F2 · #FEBA93 · #BB8B00 · #506200 · #002614
A conversation between Mustard and Olive, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF1F2): bright and airy, almost weightless.
- Cantaloupe (#FEBA93): A whisper-light, balanced gold — the color of old brass.
- Mustard (#BB8B00): A luminous, balanced gold — the color of honey in a jar.
- Olive (#506200): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Forest (#002614): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Optimism, Balance. Tagged warm.
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
- Wandering Canyon color palette (#FFDBCB, #B28200, #4F5B00, #002106, #000201)
- Faded Atelier color palette (#FFF0FB, #FDB3B7, #D47641, #6F5400, #222900)
- Moss Dune color palette (#FFF3E9, #DECB88, #759C3E, #006145, #002A2D)
- Olive Harbor color palette (#FFF0FA, #FFDDB9, #B2A349, #317E00, #003B30)
- Hazy Amber color palette (#F5E3D8, #D0870A, #826A00, #3A3B00, #0F1900)
- Hushed Marigold Canyon color palette (#FFD7C1, #F1B972, #C59800, #7A7D00, #233300)
- Nightshade Atelier color palette (#FFF1F5, #EBA093, #878224, #4D4392, #361900)
- Olive Drift color palette (#EFDEBE, #7D7C00, #00501D, #001310, #000102)
Browse the whole catalog at Explore, or see today's palette.