Tempered Amber color palette — #FCF4EC · #DDDCC4 · #C2C5A0 · #D78100 · #37322C

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

The five colors

• Ivory (#FCF4EC): bright and airy, almost weightless.
• Bone (#DDDCC4): A whisper-light, dusty green — the color of fresh herbs.
• Pistachio (#C2C5A0): A luminous, dusty green — the color of new leaves after rain.
• Mustard (#D78100): A luminous, balanced gold — the color of honey in a jar.
• Espresso (#37322C): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged scandi, muted, light.

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

• Antique Bronze color palette (#FBF4ED, #E6DDCD, #C8BF93, #B15F00, #37322D)
• Aged Moss Study color palette (#F0EEE8, #CFD6C9, #AEC2A8, #999800, #322E21)
• Gentle Loft color palette (#FFF2EC, #E2D9C5, #D6C398, #FE5735, #552100)
• Moss Veranda color palette (#EFECD9, #AACF74, #69AB4A, #A27000, #233400)
• Amber Field color palette (#F7EBD6, #B08D00, #615B13, #413300, #0D0600)
• Frosted Mustard color palette (#F0E6B5, #D8AA00, #939500, #007D70, #312900)
• Stone Summit color palette (#F9F4EF, #D9DAD3, #D0AF81, #ABB4AC, #585148)
• Weathered Harbor color palette (#FFECF2, #C1DCC2, #93B59C, #824D00, #26141A)

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