Amber Garden color palette — #FFE7F3 · #CD8F16 · #A24E19 · #743039 · #1B3D2E

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

The five colors

• Blush (#FFE7F3): A whisper-light, dusty rose — the color of pressed rose petals.
• Mustard (#CD8F16): A luminous, balanced gold — the color of old brass.
• Ochre (#A24E19): A full-bodied, balanced orange — the color of toasted spice.
• Oxblood (#743039): A full-bodied, balanced red — the color of late-summer berries.
• Forest (#1B3D2E): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Optimism, Balance, Grounding. Tagged earthy, warm.

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

• Pale Bronze color palette (#DBF8D7, #AE9E47, #915C00, #723524, #063F34)
• Aged Garnet color palette (#FFD3C0, #BF7E00, #963B00, #73022A, #2F2900)
• Antique Bronze Lantern color palette (#FFE3CE, #C4956D, #A05317, #732900, #2A1700)
• Amber Lantern color palette (#FFE7F2, #DDA87B, #C26D30, #964621, #492F0D)
• Tempered Driftwood Studio color palette (#FEF1F7, #CBB58A, #9F765A, #6B5569, #3C4C45)
• Worn Cerulean Courtyard color palette (#EBF7FF, #0082A6, #846000, #604500, #0D2F41)
• Gentle Coast color palette (#FAEBD1, #7C7B00, #5B4000, #451800, #061C00)
• Weathered Sapphire color palette (#EEF6FF, #115BF3, #764A00, #593600, #002B27)

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