Tempered Amber color palette — #FDF4E3 · #B69D29 · #7783CD · #505A96 · #1D1400
Mustard and Lavender Blue set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#FDF4E3): A whisper-light, dusty gold — the color of honey in a jar.
- Mustard (#B69D29): A luminous, balanced green — the color of fresh herbs.
- Lavender Blue (#7783CD): A luminous, balanced violet — the color of wild irises.
- Peacock (#505A96): A full-bodied, balanced violet — the color of wild irises.
- Ink (#1D1400): A deep, shadowed, dusty gold — the color of old brass.
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
- Amber Lantern color palette (#FFF3E5, #D48D22, #3E95B9, #00698A, #211100)
- Dusty Boulevard color palette (#F8F7DF, #9EC169, #9199D1, #666CA9, #272511)
- Washed Basin color palette (#FBF6DB, #9AA744, #B26FA8, #89417B, #1A1500)
- Ancient Jade Terrace color palette (#F5F7E6, #7FB869, #5D72B6, #652F73, #3A000F)
- Linen Jade color palette (#F1F9E4, #4BB581, #008499, #6A3470, #150B00)
- Timeworn Lime color palette (#FFF3E9, #AAC35D, #00937F, #703A68, #0D280C)
- Pine Coast color palette (#E8ECD6, #338A3E, #006F8F, #233F7F, #0F1201)
- Tempered Courtyard color palette (#F9E9F6, #F48981, #8498F5, #9665D4, #361B33)
Browse the whole catalog at Explore, or see today's palette.