Amber Garden color palette — #FFF3E7 · #CC9051 · #63A06F · #257F70 · #37322C
Mustard and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
- Mustard (#CC9051): A luminous, balanced gold — the color of honey in a jar.
- Moss (#63A06F): A luminous, balanced green — the color of fresh herbs.
- Teal (#257F70): A full-bodied, balanced teal — the color of sea glass.
- Espresso (#37322C): a grounded near-black with real depth.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged 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
- Amber Terrace color palette (#FFF3E4, #C39552, #5CA07A, #965872, #37322C)
- Softworn Driftwood color palette (#FFF4DB, #BDB372, #7C8F4A, #007271, #3F3D36)
- Sunlit Denim Villa color palette (#FCF4E6, #987F23, #208366, #18509E, #36322C)
- Sunlit Bronze Lantern color palette (#F5E2C4, #A97F00, #008C6C, #006567, #2A1D00)
- Powdered Moss color palette (#FEF6D2, #959E00, #009A9A, #A64130, #342B01)
- Feathered Olive Corridor color palette (#FFF4D4, #CCC589, #909346, #596E16, #264700)
- Bronze Alley color palette (#FAF4ED, #EDB97A, #8E9646, #AA7325, #29240F)
- Dusty Veranda color palette (#FFF1F4, #BA8AC5, #38A0AB, #30769F, #422C31)
Browse the whole catalog at Explore, or see today's palette.