Amber Garden color palette — #FFF2EC · #FDB670 · #B98800 · #5B5400 · #192500
A conversation between Mustard and Cantaloupe, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Cantaloupe (#FDB670): A whisper-light, balanced gold — the color of honey in a jar.
- Mustard (#B98800): A luminous, balanced gold — the color of old brass.
- Deep Olive (#5B5400): A full-bodied, balanced green — the color of new leaves after rain.
- Onyx (#192500): 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
- Weathered Amber color palette (#FFF1F1, #FFB5A0, #D1690E, #6D4800, #2E2300)
- Faded Pier color palette (#FFF4E1, #E3D16D, #849900, #1F6300, #002A17)
- Bronze Study color palette (#ECE1D0, #9A8500, #475500, #0B2B00, #000201)
- Amber Cabin color palette (#FFD5B5, #D09000, #705E00, #323700, #010300)
- Ancient Veranda color palette (#FFF3E5, #FCD989, #B2AA3B, #4D700A, #003B0B)
- Frosted Amber color palette (#FFD9DD, #FFA680, #C3970B, #758000, #003A25)
- Dusty Grove color palette (#E2FEE7, #F3A153, #8D8000, #005879, #0F2811)
- Hushed Amber color palette (#E6FCEA, #B08100, #393700, #041307, #030001)
Browse the whole catalog at Explore, or see today's palette.