Tempered Amber color palette — #FAF4EB · #D5C38D · #8EB2EE · #A68928 · #5D435B

Mustard takes the lead with Sky close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FAF4EB): a clean, paper-quiet neutral.
• Sand (#D5C38D): A luminous, dusty green — the color of new leaves after rain.
• Sky (#8EB2EE): A luminous, balanced violet — the color of wild irises.
• Mustard (#A68928): A luminous, balanced green — the color of a quiet forest floor.
• Charcoal Brown (#5D435B): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. 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

• Misty Amber color palette (#FDF3E9, #E3BD8F, #7EB7EC, #BD7D1C, #26574C)
• Aged Emerald Thicket color palette (#F5F7E8, #AECFA9, #BDA4DC, #5D9F53, #64414E)
• Antique Courtyard color palette (#E8FBED, #FEE399, #B0CCFF, #AB9864, #39475B)
• Worn Meadow color palette (#FBF5E4, #BCB379, #85A4E1, #8D88CF, #45423B)
• Washed Atelier color palette (#FCF4E8, #F5D07A, #F3AFD0, #BDA570, #664241)
• Blush Study color palette (#EEF9EF, #C8AB79, #C87DA8, #916B1E, #53475E)
• Fern Workshop color palette (#FCF4E7, #D3CAB0, #AD9877, #946A48, #4F4A00)
• Powdered Lilac color palette (#EFF0DC, #88B870, #B282EA, #3D7D00, #3F2958)

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