Amber Garden color palette — #FFF0F9 · #F2D3C8 · #FFA680 · #B78B00 · #221100

Mustard and Melon set the tone — five colors that lean into optimism and balance.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Bone (#F2D3C8): A whisper-light, dusty orange — the color of sun-warmed clay.
• Melon (#FFA680): A luminous, balanced orange — the color of autumn markets.
• Mustard (#B78B00): A luminous, balanced gold — the color of afternoon light on wheat.
• Ink (#221100): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Balance. Tagged candy, vibrant, light, 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

• Misty Amber Veranda color palette (#FFF0FE, #FECED0, #FFABA9, #E57B00, #300002)
• Wandering Pier color palette (#FFF0F7, #E5DAD3, #FFCA9B, #C8AA00, #2D1C00)
• Hazy Lagoon color palette (#E8FBEA, #FFD8C7, #FCBC45, #829500, #1A1500)
• Marigold Summit color palette (#FFE4D3, #F1A440, #997300, #504300, #232100)
• Amber Lantern color palette (#FFEFE3, #FF7B92, #D26700, #796200, #341800)
• Timeworn Marigold color palette (#E7FCE6, #FFC0B1, #E09600, #7A8500, #030200)
• Faded Lime Alley color palette (#FFEEF7, #FFBCE7, #FFA676, #87C231, #351C00)
• Denim Ridge color palette (#FFF0F9, #E1BBC7, #928C59, #00657D, #0E2546)

Browse the whole catalog at Explore, or see today's palette.