Tempered Amber color palette — #FFF3E4 · #AE7E00 · #00703C · #004546 · #00050C

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

The five colors

• Cream (#FFF3E4): A whisper-light, dusty gold — the color of old brass.
• Mustard (#AE7E00): A luminous, balanced gold — the color of afternoon light on wheat.
• Pine (#00703C): A full-bodied, balanced teal — the color of sea glass.
• Deep Teal (#004546): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#00050C): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Optimism, Balance. Tagged jewel, vibrant, 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

• Weathered Moss color palette (#FEF5D6, #939700, #007065, #004459, #040122)
• Rust Cabin color palette (#FFF2EA, #C55C00, #4E7100, #00523C, #00080C)
• Chalky Cobalt color palette (#D8FFF4, #008CDA, #527700, #004B39, #00070A)
• Feathered Amber color palette (#FFF3E8, #DF7E00, #6D7100, #004C34, #2B0006)
• Muted Mustard Basin color palette (#FFF4DB, #BDA500, #008D72, #005A69, #1B0519)
• Tempered Drift color palette (#FFF3E3, #FF814C, #A36000, #265300, #2B0F00)
• Hushed Orchard color palette (#F5F8E2, #177710, #004C5E, #001F4F, #040001)
• Frosted Chestnut Parlor color palette (#FFE8D5, #8B4500, #315100, #003709, #150B33)

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