Amber Garden color palette — #D3E7D2 · #B38D00 · #5F3D00 · #271700 · #000400
Built around Mustard, softened by Bronze — the whole palette hums with optimism and sophistication.
The five colors
- Celadon Mist (#D3E7D2): A whisper-light, dusty green — the color of new leaves after rain.
- Mustard (#B38D00): A luminous, balanced gold — the color of old brass.
- Bronze (#5F3D00): A deep, shadowed, balanced gold — the color of honey in a jar.
- Ink (#271700): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
- Ink (#000400): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Optimism, Sophistication. Tagged luxury, dark, muted.
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
- Muted Meadow color palette (#DFF5E9, #AD7700, #3E3900, #121000, #000201)
- Dusty Taupe color palette (#F8ECDD, #BD9E50, #523500, #1D2622, #0D0600)
- Aged Basin color palette (#DCECDD, #CA9E43, #895E00, #4D3300, #000400)
- Softworn Garnet Pier color palette (#FAE2F4, #9A9800, #811400, #360701, #060105)
- Tempered Amber color palette (#FBE5EC, #CC7E00, #006E77, #754600, #000407)
- Ancient Study color palette (#C9EEE1, #E99600, #566200, #2B3200, #00140D)
- Pine Loft color palette (#FCEAD7, #9D9200, #007A2A, #00433C, #001C22)
- Frosted Bronze color palette (#F5DBD2, #8D8300, #00675A, #4E1F60, #0C1B00)
Browse the whole catalog at Explore, or see today's palette.