Amber Garden color palette — #FFF0FD · #FFC3B5 · #EBA188 · #C97C53 · #664656
Built around Caramel, softened by Melon — the whole palette hums with optimism and warmth.
The five colors
- Blush (#FFF0FD): A whisper-light, dusty pink — the color of a candy shop window.
- Wheat (#FFC3B5): A whisper-light, dusty orange — the color of autumn markets.
- Melon (#EBA188): A luminous, balanced orange — the color of toasted spice.
- Caramel (#C97C53): A luminous, balanced orange — the color of autumn markets.
- Charcoal Brown (#664656): A full-bodied, dusty rose — the color of a warm blush.
Feels like: Optimism, Warmth, Comfort, Softness, Clarity. Tagged light, muted, 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
- Apricot Workshop color palette (#FFF0F9, #F9C8B4, #D7B7F8, #ED8A5F, #49496A)
- Tempered Corridor color palette (#FFF2EF, #F3D4C1, #FA9B7D, #9B6E45, #544F49)
- Tempered Blush color palette (#F7F3FF, #F7C5E0, #E79CB9, #D07992, #5C4462)
- Feathered Workshop color palette (#FFDBCA, #FFA566, #E48300, #B67000, #543700)
- Hushed Driftwood color palette (#E5FDE5, #EBD0A1, #CCAF68, #9D8A30, #305946)
- Softworn Parlor color palette (#FFF0F9, #F0B9A5, #C5C273, #DC92CC, #503B48)
- Faded Amber Cabin color palette (#FCEBCF, #BA9500, #8B7600, #655D00, #252500)
- Rust Garden color palette (#FFE9E2, #C54D00, #914500, #603200, #0F0500)
Browse the whole catalog at Explore, or see today's palette.