Amber Garden color palette — #EDF7FF · #8DD0FF · #C97F00 · #8B7B00 · #0F2E45
A conversation between Mustard and Olive Leaf, giving this palette its sense of nature and growth.
The five colors
- Ivory (#EDF7FF): a clean, paper-quiet neutral.
- Sky (#8DD0FF): A whisper-light, balanced blue — the color of open sky before noon.
- Mustard (#C97F00): A luminous, balanced gold — the color of old brass.
- Olive Leaf (#8B7B00): A full-bodied, balanced green — the color of new leaves after rain.
- Midnight (#0F2E45): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged cool.
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
- Patina Mustard color palette (#EEF6FF, #74B7FF, #B9A800, #978A21, #172D43)
- Ember Atelier color palette (#E8F8FF, #39DFF1, #E06B3C, #A86D00, #00313F)
- Pale Amber Studio color palette (#F1F5FF, #A5B0FF, #E17A00, #688012, #003A30)
- Tempered Sky color palette (#CAE2F5, #45BDFF, #967A00, #3D7B36, #041D2E)
- Moss Study color palette (#F2F5FF, #C6BDFF, #959A00, #3F8D3D, #2C2548)
- Softworn Amber Archive color palette (#DCFEF5, #78BCFF, #C36500, #9C5000, #00211B)
- Pale Cabin color palette (#D4E2FF, #7077FF, #977C00, #766100, #040B23)
- Faded Wisteria color palette (#D7FFF6, #9FC1FF, #D280E5, #518225, #323055)
Browse the whole catalog at Explore, or see today's palette.