Tempered Amber color palette — #FFF3E5 · #D8DCC5 · #B8CAA2 · #CC8800 · #37322C

Built around Mustard, softened by Pistachio — the whole palette hums with nature and growth.

The five colors

• Cream (#FFF3E5): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Bone (#D8DCC5): A whisper-light, dusty green — the color of a quiet forest floor.
• Pistachio (#B8CAA2): A luminous, dusty green — the color of new leaves after rain.
• Mustard (#CC8800): A luminous, balanced gold — the color of afternoon light on wheat.
• 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

• Bronze Cabin color palette (#FBF4ED, #E5DEC9, #BDC1A0, #A86500, #37322C)
• Patina Moss color palette (#F0EFE6, #CBD7C9, #A8C1AF, #8C9A50, #302E22)
• Hushed Tangerine Garden color palette (#FFF2EB, #DEDAC7, #C1C2A6, #F0692D, #522500)
• Worn Harbor color palette (#E9E2D1, #A39300, #4A6321, #3C3502, #0D0600)
• Misty Marigold color palette (#F8E2B5, #E3A400, #819B00, #006DC1, #312800)
• Linen Mint Workshop color palette (#EEEDD5, #7FD887, #2BB081, #AC6833, #083811)
• Chestnut Study color palette (#ECF4EC, #C4DACB, #AAB082, #7C5100, #101E10)
• Ancient Lapis color palette (#F5E6CD, #CFA100, #00A08D, #414AEC, #49001E)

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