Tempered Amber color palette — #E4E2D2 · #D18A00 · #7E8700 · #007260 · #000600

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

The five colors

• Parchment (#E4E2D2): A whisper-light, dusty green — the color of a quiet forest floor.
• Mustard (#D18A00): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive Leaf (#7E8700): A full-bodied, balanced green — the color of new leaves after rain.
• Teal (#007260): A full-bodied, balanced teal — the color of glacier melt.
• Ink (#000600): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Feathered Emerald color palette (#E4EDCF, #BBA400, #009D44, #006678, #000A06)
• Airy Olive Loft color palette (#ECEFDF, #A98200, #437800, #004F50, #000301)
• Softworn Ember color palette (#EFE5D4, #FF543D, #9F7900, #0A6F16, #070700)
• Dusty Parlor color palette (#E4E1BE, #A6A300, #6A9000, #00692D, #0B1A00)
• Worn Quarry color palette (#C3E8D9, #EF9D08, #87A200, #008A6A, #081800)
• Fern Alley color palette (#F3E9DE, #857A31, #354C00, #3C2400, #0A0800)
• Olive Courtyard color palette (#EEE7D8, #5E8554, #005F5C, #45223A, #27061F)
• Worn Clover Lantern color palette (#EEF7D1, #CDC600, #00C03F, #008495, #00140F)

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