Tempered Amber Drift color palette — #FFF2ED · #FFC78F · #B59200 · #546700 · #002E09

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

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Cantaloupe (#FFC78F): A whisper-light, balanced gold — the color of old brass.
• Mustard (#B59200): A luminous, balanced green — the color of fresh herbs.
• Olive (#546700): A full-bodied, balanced green — the color of fresh herbs.
• Deep Forest (#002E09): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

One click turns Tempered Amber Drift 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

• Hushed Forest color palette (#FFF2E9, #E0C37D, #8C9A2F, #006A1A, #00291B)
• Worn Moss color palette (#F2DABF, #AF9804, #517200, #003E1F, #000604)
• Amber Terrace color palette (#FFF1F3, #FFCBC2, #D47D00, #725A00, #282C00)
• Ancient Marigold Ridge color palette (#FFDDAA, #C99700, #7F6B00, #454300, #181D00)
• Timeworn Loft color palette (#F1E9D1, #839416, #005D1A, #002A22, #000102)
• Misty Honey color palette (#FFE0B3, #F6BD19, #BC9F00, #848200, #353B00)
• Misty Pine color palette (#DEFFE4, #E6E4AD, #89B169, #007C56, #003634)
• Worn Workshop color palette (#E0FFE0, #FFA766, #879005, #553DB0, #372400)

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