Amber Garden color palette — #F0D6DE · #FD9691 · #DE8046 · #A36A00 · #493B00

A conversation between Coral Clay and Melon, giving this palette its sense of nature and growth.

The five colors

• Shell Pink (#F0D6DE): A whisper-light, dusty rose — the color of a warm blush.
• Melon (#FD9691): A luminous, balanced orange — the color of sun-warmed clay.
• Coral Clay (#DE8046): A luminous, balanced gold — the color of old brass.
• Ochre (#A36A00): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#493B00): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Balance. Tagged 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

• Sunlit Rust color palette (#FDDAD9, #F69074, #C56331, #884D00, #4B3100)
• Faded Quarry color palette (#FCEBE8, #FDA067, #D09300, #827E00, #2A3F10)
• Quiet Courtyard color palette (#FDE5FF, #FB9AC2, #E56E83, #B35630, #573508)
• Ember Lantern color palette (#F4E1E2, #F16641, #AE5C00, #6F5100, #232200)
• Wandering Taupe color palette (#FDE2CF, #DCBC8C, #CB8D6A, #A1676B, #32302A)
• Amber Hollow color palette (#FFF3E7, #FFC58D, #D59149, #966400, #361C00)
• Gentle Boulevard color palette (#FBECDD, #F1AF6F, #39C1ED, #CD7B12, #003C4D)
• Apricot Atelier color palette (#F4DAEC, #73CAFF, #FF9684, #524A46, #261710)

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