Amber Garden color palette — #FFF4E1 · #BB7E00 · #705F00 · #00523D · #463100
Mustard and Olive set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#FFF4E1): A whisper-light, dusty gold — the color of honey in a jar.
- Mustard (#BB7E00): A luminous, balanced gold — the color of afternoon light on wheat.
- Olive (#705F00): A full-bodied, balanced green — the color of new leaves after rain.
- Forest (#00523D): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Espresso (#463100): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Nature, Growth, Optimism, Balance. Tagged retro.
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
- Amber Terrace color palette (#FFF3E4, #D16C32, #865300, #115404, #4F2B0F)
- Moss Dune color palette (#FEF7C6, #989000, #4C6C00, #005053, #353900)
- Washed Fern color palette (#FFF4DF, #987A00, #2C6A00, #004B43, #600400)
- Softworn Bronze color palette (#EEDCBA, #967100, #525000, #003D34, #2D2300)
- Olive Study color palette (#FBF5DE, #98AC6B, #4E772A, #6A491A, #34400D)
- Misty Marigold Market color palette (#FFF3E4, #FFB375, #DF9C00, #8C7F00, #3E2E00)
- Ultramarine Summit color palette (#E2FEE5, #F78449, #8A8000, #4849B6, #4D2D00)
- Bronze Boulevard color palette (#F3EBDE, #856200, #372803, #231500, #090801)
Browse the whole catalog at Explore, or see today's palette.