Amber Garden color palette — #CEE6D0 · #A78C08 · #775400 · #5A3000 · #2B2B00
Built around Mustard, softened by Coffee — the whole palette hums with nature and growth.
The five colors
- Celadon Mist (#CEE6D0): A whisper-light, dusty green — the color of a quiet forest floor.
- Mustard (#A78C08): A luminous, balanced green — the color of fresh herbs.
- Coffee (#775400): A full-bodied, balanced gold — the color of old brass.
- Cocoa (#5A3000): A deep, shadowed, balanced gold — the color of honey in a jar.
- Deep Forest (#2B2B00): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, 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 Thicket color palette (#FBD1E1, #B78225, #854A00, #662500, #332800)
- Moss Field color palette (#D3EBD4, #999100, #795300, #5D2000, #071700)
- Amber Summit color palette (#F0DBBC, #D3B564, #BF8A00, #9B6300, #312900)
- Faded Balcony color palette (#F2DABA, #B2A91F, #9E6C00, #893406, #1B2F0C)
- Timeworn Boulevard color palette (#FFE6F5, #CA8D5F, #AB4510, #802423, #493009)
- Antique Bronze Meadow color palette (#EBFAEE, #8AB29C, #8B6E24, #6C4A20, #29433A)
- Twilit Grove color palette (#DCF6E8, #566000, #322C00, #180F00, #020400)
- Muted Amber Garden color palette (#D2E9F0, #B88A00, #004444, #002020, #010914)
Browse the whole catalog at Explore, or see today's palette.