Amber Garden color palette — #F7F3FF · #FFC7D5 · #F3A393 · #BF7941 · #3B593C

Caramel takes the lead with Melon close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F7F3FF): a clean, paper-quiet neutral.
• Shell Pink (#FFC7D5): A whisper-light, dusty red — the color of a theater curtain.
• Melon (#F3A393): A luminous, balanced orange — the color of autumn markets.
• Caramel (#BF7941): A luminous, balanced gold — the color of honey in a jar.
• Deep Olive (#3B593C): A full-bodied, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Softness. Tagged light, muted, 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

• Bronze Balcony color palette (#FFF2EF, #F1B7B8, #DB8B79, #AC6542, #534D47)
• Softworn Driftwood Studio color palette (#FFF0FB, #FFCCB2, #DAB16E, #99903F, #2D584C)
• Hazy Tangerine Villa color palette (#FBD9DF, #FFABA4, #FC7621, #B07500, #423E00)
• Worn Apricot color palette (#FCF2F8, #F1C6E0, #89D4E6, #E78E6B, #2D5363)
• Softworn Chapel color palette (#FFEAE9, #EF94A8, #B66B5F, #784F31, #39352F)
• Patina Coral color palette (#F2F5FF, #E5C2EF, #DF9DC9, #C27086, #714741)
• Frosted Amber color palette (#FFD7CF, #E37E13, #A27400, #5A5700, #062700)
• Washed Taupe color palette (#EBF9F2, #C1E1DA, #97C1AC, #AD8B65, #2F4E4E)

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