Soft Amber color palette — #FDF1FB · #F9A49D · #D19224 · #6E8741 · #4F2944

Mustard and Rose Quartz set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FDF1FB): bright and airy, almost weightless.
• Rose Quartz (#F9A49D): A luminous, balanced orange — the color of toasted spice.
• Mustard (#D19224): A luminous, balanced gold — the color of honey in a jar.
• Olive Leaf (#6E8741): A full-bodied, balanced green — the color of a quiet forest floor.
• Mulberry (#4F2944): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

Use it as a design system

One click turns Soft 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

• Taupe Ridge color palette (#FDF1F7, #F4B799, #B5AB68, #5C966F, #4F3953)
• Amber Balcony color palette (#FBF1FE, #FF9DB2, #E1854A, #8F7C20, #234021)
• Muted Mallow color palette (#F7F3FE, #F79CD5, #E3806E, #997734, #3A3058)
• Tempered Marigold color palette (#FFF1F6, #FC9E36, #93A300, #008A6A, #60030D)
• Soft Coral color palette (#FEDCF6, #FF7A64, #AF8200, #357A00, #46002A)
• Coral Bloom color palette (#FFDDFC, #FFB0A4, #FD8261, #BD6B4C, #5A3A4C)
• Quiet Mallow color palette (#FFF1F2, #FF8DDC, #938D3A, #00696F, #003235)
• Dusty Bronze Hollow color palette (#F5F3FF, #C38ECE, #928100, #006494, #143B59)

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