Tempered Amber color palette — #F3DFCE · #AE9419 · #587836 · #2B4D69 · #3F1E33

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

The five colors

• Parchment (#F3DFCE): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mustard (#AE9419): A luminous, balanced green — the color of new leaves after rain.
• Olive (#587836): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#2B4D69): A full-bodied, dusty blue — the color of open sky before noon.
• Espresso (#3F1E33): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged vintage, retro, 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

• Moss Pier color palette (#E7E5D6, #7FA84E, #467E63, #404771, #371D44)
• Antique Forest color palette (#F8ECCF, #7D8B4A, #2B6D41, #263A6C, #321021)
• Weathered Lantern color palette (#F8DED7, #D18536, #7D7546, #004F5C, #002F27)
• Dusty Pine color palette (#D0F6E5, #95AF77, #4D8458, #004651, #001925)
• Ultramarine Chapel color palette (#F4DADA, #C8996D, #83854A, #535EB1, #3D1940)
• Soft Dune color palette (#E8E6D4, #9BBF76, #269673, #545B84, #462D56)
• Antique Pine color palette (#F1EAD7, #849E4D, #2E7228, #6A3326, #1F1B00)
• Aged Pine color palette (#E0EACC, #368756, #00655C, #37264E, #200207)

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