Amber Garden color palette — #C2E9D7 · #C08E00 · #6A7200 · #005636 · #040B00
Mustard and Olive set the tone — five colors that lean into nature and growth.
The five colors
- Celadon Mist (#C2E9D7): A whisper-light, dusty teal — the color of sea glass.
- Mustard (#C08E00): A luminous, balanced gold — the color of old brass.
- Olive (#6A7200): A full-bodied, balanced green — the color of fresh herbs.
- Deep Olive (#005636): A deep, shadowed, balanced teal — the color of glacier melt.
- Ink (#040B00): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, 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
- Softworn Dune color palette (#E1F5E8, #C77400, #877300, #215D00, #090A00)
- Olive Coast color palette (#D8F1EF, #989900, #21850B, #005751, #001206)
- Forest Delta color palette (#C7EEEA, #798000, #007125, #004C46, #000402)
- Hushed Tangerine color palette (#F3F0E0, #FF7B40, #7B9100, #007073, #050D00)
- Gentle Ember color palette (#FFE5EE, #F33C2B, #A96300, #555300, #0E0800)
- Worn Moss color palette (#D9FFF3, #DAAB00, #7DA500, #00795D, #132E00)
- Muted Navy color palette (#EFEFDE, #5F8056, #005343, #29185B, #2B0530)
- Pine Station color palette (#DEF4F1, #037F5B, #00413A, #311E00, #00140B)
Browse the whole catalog at Explore, or see today's palette.