Tempered Amber Study color palette — #FFF2EF · #F8A876 · #B97D00 · #655900 · #2C3400

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

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Melon (#F8A876): A luminous, balanced gold — the color of afternoon light on wheat.
• Mustard (#B97D00): A luminous, balanced gold — the color of honey in a jar.
• Olive (#655900): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Forest (#2C3400): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

Use it as a design system

One click turns Tempered Amber Study 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 Thicket color palette (#FFF2E9, #E7C676, #938900, #426700, #003720)
• Faded Amber color palette (#FFF1F7, #FE9D99, #DE703C, #895000, #3C2E00)
• Softworn Marigold Lantern color palette (#FFECE2, #F9A74D, #C68A00, #937500, #464111)
• Hushed Lagoon color palette (#FDF4E6, #D2C7A0, #A68443, #8B3F0E, #222303)
• Bronze Drift color palette (#F8DBC9, #AA7D00, #555100, #103400, #000502)
• Amber Alley color palette (#F0DFDA, #D4720F, #785900, #393C00, #031500)
• Periwinkle Delta color palette (#FFF3E4, #E5B671, #8BA0F6, #9E6B00, #191F5A)
• Tempered Workshop color palette (#FFF3E5, #BFE4D2, #BEB9C3, #D17A5F, #37342D)

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