Amber Garden color palette — #FFEDD3 · #C0921D · #786100 · #4E4300 · #272400

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

The five colors

• Cream (#FFEDD3): A whisper-light, dusty gold — the color of honey in a jar.
• Mustard (#C0921D): A luminous, balanced gold — the color of old brass.
• Olive (#786100): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#4E4300): A deep, shadowed, dusty green — the color of new leaves after rain.
• Onyx (#272400): 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 Amber Garden 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 Lantern color palette (#FFF2EB, #FBB44D, #AE8B00, #636500, #28380F)
• Softworn Amber Atelier color palette (#F1D9CE, #DC8041, #9A5400, #613900, #332000)
• Timeworn Chestnut Canyon color palette (#D3E6DB, #9C9B6E, #746400, #4E3B00, #021D15)
• Ancient Terrace color palette (#E5E7D8, #91A227, #5D7800, #2D4B00, #0A2801)
• Dusty Chapel color palette (#D7F0E3, #9F9402, #008D94, #5E5700, #002123)
• Washed Mint Harbor color palette (#DFF9EE, #C5DFA2, #86BD85, #736A2F, #052B22)
• Ancient Harbor color palette (#DBEBE5, #738600, #008076, #8D4400, #001912)
• Deep Fern Boulevard color palette (#F0F2D6, #576500, #304300, #0E1E00, #010400)

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