Amber Garden color palette — #F2EADF · #B37C00 · #005F30 · #583B00 · #0B0F01
Mustard takes the lead with Pine close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#F2EADF): a clean, paper-quiet neutral.
- Mustard (#B37C00): A luminous, balanced gold — the color of old brass.
- Pine (#005F30): A full-bodied, balanced teal — the color of glacier melt.
- Cocoa (#583B00): A deep, shadowed, dusty gold — the color of honey in a jar.
- Ink (#0B0F01): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Balance. Tagged duotone, 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
- Ancient Pier color palette (#EFE2D6, #BE7D35, #00635C, #663A00, #000300)
- Worn Dune color palette (#F9E7DC, #D66017, #3C5A00, #6C2A00, #100E00)
- Dusty Amber Courtyard color palette (#FAF4EB, #BC9300, #006F4C, #634C00, #141B05)
- Aged Bronze color palette (#EBE2CD, #877700, #004A3D, #3A3200, #010500)
- Hushed Moss color palette (#EDECDD, #709800, #005B5B, #344900, #001202)
- Wandering Moss color palette (#E7E2D4, #929800, #3D6200, #00401B, #00291E)
- Gentle Forest Hollow color palette (#F0DBBA, #817B00, #005E1A, #272B64, #2A2400)
- Apricot Villa color palette (#F8E6EC, #D79454, #008379, #905200, #001014)
Browse the whole catalog at Explore, or see today's palette.