Amber Garden color palette — #FFF1F1 · #FC9F8E · #C76F00 · #6D5400 · #383400
Mustard and Melon set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FFF1F1): a clean, paper-quiet neutral.
- Melon (#FC9F8E): A luminous, balanced orange — the color of autumn markets.
- Mustard (#C76F00): A luminous, balanced gold — the color of afternoon light on wheat.
- Coffee (#6D5400): A full-bodied, balanced gold — the color of honey in a jar.
- Espresso (#383400): A deep, shadowed, dusty green — the color of fresh herbs.
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
- Timeworn Ember Archive color palette (#FFF0FB, #FDA1BC, #D25E48, #974900, #362500)
- Washed Amber Studio color palette (#FFE8E1, #F89D68, #DF8600, #996900, #463500)
- Bronze Garden color palette (#FFF2ED, #F7B97A, #9F8400, #516200, #153E05)
- Ember Studio color palette (#FDD7D2, #DC6731, #7D5400, #403300, #0F1300)
- Ancient Bronze color palette (#F8DACB, #A96C00, #5F4E00, #252D00, #000400)
- Washed Amber color palette (#FFF1F6, #D6C793, #B27D47, #844237, #00291F)
- Wandering Periwinkle color palette (#EAFBE9, #E5B576, #4DADFB, #A06900, #002A49)
- Coral Garden color palette (#FFF1F6, #C4EAFA, #A4AECC, #D0756A, #204331)
Browse the whole catalog at Explore, or see today's palette.