Amber Garden color palette — #FFF1F2 · #E3D9F3 · #F18DC7 · #DD7100 · #55342D

Built around Tangerine, softened by Bubblegum — the whole palette hums with optimism and creativity.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Thistle (#E3D9F3): A whisper-light, dusty violet — the color of twilight just after sunset.
• Bubblegum (#F18DC7): A luminous, balanced rose — the color of pressed rose petals.
• Tangerine (#DD7100): A luminous, vivid gold — the color of honey in a jar.
• Cocoa (#55342D): A deep, shadowed, dusty orange — the color of autumn markets.

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

• Timeworn Parlor color palette (#FFF1F1, #FDD2E7, #FFA9D4, #E87D68, #512D29)
• Blush Harbor color palette (#FFF2EF, #E5D7FF, #FF90A9, #A47E00, #47403C)
• Amber Balcony color palette (#FFEEE5, #EF8DC2, #E36C00, #5A6D00, #3A1C00)
• Emerald Veranda color palette (#FFF2E9, #FFA9C7, #EA7F33, #2C961A, #462E00)
• Wisteria Veranda color palette (#FFF1F4, #ACDCFF, #CC94F3, #D97159, #4A2B4A)
• Tempered Rust color palette (#FFE0E3, #D393B2, #BB5964, #8B3B00, #5C3B11)
• Wandering Petrol color palette (#FFEEFF, #D4AFBB, #9D796F, #386A88, #5C4A5C)
• Weathered Terracotta Meadow color palette (#FFF2EC, #D08B7F, #079BA9, #A93B2E, #004C53)

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