Tempered Amber color palette — #FCE1C5 · #BE8900 · #765D00 · #443B00 · #181A00

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

The five colors

• Peach Cream (#FCE1C5): A whisper-light, dusty gold — the color of old brass.
• Mustard (#BE8900): A luminous, balanced gold — the color of old brass.
• Olive (#765D00): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#443B00): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#181A00): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Tempered Workshop color palette (#EDEAD2, #959900, #576B00, #244200, #021A01)
• Tempered Bronze Coast color palette (#DCF1E1, #A97500, #655800, #004333, #1E1400)
• Sunlit Ember color palette (#FDDFD5, #E56807, #904E00, #583500, #1E1300)
• Tangerine Workshop color palette (#EFDCDD, #ED7F40, #7A5900, #263000, #000401)
• Hazy Moss color palette (#FFF0D5, #D9BD72, #A49200, #6A6F00, #324000)
• Apricot Workshop color palette (#D7F0DA, #FD9329, #C99100, #8F7E00, #1E1400)
• Lime Bloom color palette (#EBE8C8, #ADB600, #6D8500, #325B00, #003509)
• Aged Taupe color palette (#E7E3D4, #98A355, #5F7C49, #00585A, #00323C)

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