Gentle Amber color palette — #FCF1FC · #EACFFF · #FF97AB · #AE9000 · #4C2F42

Mustard and Ballet Pink set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FCF1FC): bright and airy, almost weightless.
• Thistle (#EACFFF): A whisper-light, dusty violet — the color of a velvet chair.
• Ballet Pink (#FF97AB): A luminous, balanced red — the color of late-summer berries.
• Mustard (#AE9000): A luminous, balanced green — the color of fresh herbs.
• Charcoal (#4C2F42): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged candy, vibrant, light.

Use it as a design system

One click turns Gentle Amber 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

• Feathered Amber color palette (#F8F2FF, #D5DCFF, #F1A1D3, #C97300, #552931)
• Airy Moss Grove color palette (#FEF1F9, #FDD0FF, #FF978A, #838A00, #552E10)
• Tempered Amber Balcony color palette (#FFEEE8, #FFC2E3, #FFA8A4, #CD7F32, #371A06)
• Softworn Ridge color palette (#FEF0FB, #FFCFCE, #EDB596, #E49C4E, #50394B)
• Hushed Moss Study color palette (#FEF1F8, #E9D5D8, #FFB888, #869F33, #3C523C)
• Chalky Bronze Veranda color palette (#F6E1FF, #D6917F, #B46B25, #745400, #4B4B1E)
• Muted Blush Studio color palette (#E4FBEA, #FF8CA1, #AE8500, #00834F, #202300)
• Faded Marigold color palette (#E6FDE6, #FFB2BB, #F59D18, #009C4D, #463700)

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