Amber Garden color palette — #FFF0F8 · #B2D2AF · #B87856 · #7E4544 · #082916
A conversation between Caramel and Coffee, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF0F8): a clean, paper-quiet neutral.
- Pistachio (#B2D2AF): A whisper-light, dusty green — the color of new leaves after rain.
- Caramel (#B87856): A luminous, balanced orange — the color of autumn markets.
- Coffee (#7E4544): A full-bodied, dusty orange — the color of autumn markets.
- Deep Forest (#082916): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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
- Aged Amber color palette (#FFF1F7, #F1C98E, #C97C45, #8D4940, #2F2800)
- Timeworn Driftwood color palette (#E4FCED, #A2D4C2, #9A8A43, #725025, #042824)
- Hushed Taupe Lantern color palette (#EBFAEA, #C1E8CD, #BC966B, #825E74, #1B382E)
- Tempered Garden color palette (#FFF1F5, #C9B071, #9B6A34, #722F14, #00170E)
- Hushed Chestnut Dune color palette (#FAE3D2, #B68E5F, #974C1E, #653332, #33302A)
- Linen Amber Veranda color palette (#FFF2EF, #F8B686, #AF8A1A, #525E00, #003007)
- Weathered Terracotta color palette (#FFEFFF, #D7D494, #98454C, #371D37, #080108)
- Worn Driftwood color palette (#DAF8DE, #918834, #654700, #371800, #010100)
Browse the whole catalog at Explore, or see today's palette.