Amber Garden color palette — #EBFAEC · #EBC684 · #F59DD2 · #CC9300 · #5A344B
A conversation between Mustard and Carnation, giving this palette its sense of optimism and creativity.
The five colors
- Ivory (#EBFAEC): A whisper-light, dusty green — the color of new leaves after rain.
- Cantaloupe (#EBC684): A whisper-light, balanced gold — the color of old brass.
- Carnation (#F59DD2): A luminous, balanced pink — the color of peonies in June.
- Mustard (#CC9300): A luminous, balanced gold — the color of old brass.
- Cocoa (#5A344B): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Optimism, Creativity, Balance. Tagged light.
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
- Mustard Thicket color palette (#EBF9F3, #D5D9AB, #F5B3B6, #ABB049, #5D425E)
- Gentle Amber Delta color palette (#FFF3E4, #FDCB7F, #A9B5FF, #B67D00, #2F345B)
- Blush Quarry color palette (#E7FCE7, #E7B46A, #8CC684, #F47890, #283E29)
- Softworn Corridor color palette (#E8FAEF, #BDE5E4, #D8AE66, #9DB4CD, #375344)
- Quiet Amber Harbor color palette (#FFF1F5, #F2C18C, #78D3AE, #D78B21, #004F38)
- Wandering Meadow color palette (#ECF9EE, #BDD9C4, #C4A877, #AA7F48, #2A4435)
- Airy Moss color palette (#DFFDF6, #9EDA6F, #FF9676, #65AE00, #681E03)
- Hushed Studio color palette (#FCF0E0, #CF9841, #BD6EA5, #835C1C, #3B1932)
Browse the whole catalog at Explore, or see today's palette.