Amber Garden color palette — #FFF0FB · #FFC29F · #CC9533 · #786700 · #384918
Built around Mustard, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
- Cantaloupe (#FFC29F): A whisper-light, balanced gold — the color of afternoon light on wheat.
- Mustard (#CC9533): A luminous, balanced gold — the color of old brass.
- Olive (#786700): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Olive (#384918): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Balance. Tagged 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
- Soft Apricot color palette (#F9F2FF, #FFD3D1, #E58B60, #905E00, #514209)
- Feathered Loft color palette (#FFF3E9, #F7D395, #ABA337, #507F1A, #00442E)
- Linen Marigold Studio color palette (#FFE4CF, #F8B773, #E6A100, #9E8420, #4F4C45)
- Muted Amber Harbor color palette (#FBE6DF, #C37300, #674E00, #212000, #000200)
- Ancient Chestnut color palette (#ECF9EE, #C3E6D6, #B49A6C, #8E5D44, #0F3934)
- Antique Marigold color palette (#FFF1E9, #F8A614, #948300, #465500, #002F13)
- Worn Taupe Lagoon color palette (#DCFFED, #B6E6C8, #B6A246, #656000, #292200)
- Bronze Field color palette (#F3EADD, #837000, #314300, #031E01, #000201)
Browse the whole catalog at Explore, or see today's palette.