Quiet Amber color palette — #FCF3EF · #FFAB9F · #BF801B · #B6675C · #2E2112

Mustard and Mocha set the tone — five colors that lean into optimism and balance.

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Melon (#FFAB9F): A luminous, balanced orange — the color of autumn markets.
• Mustard (#BF801B): A luminous, balanced gold — the color of old brass.
• Mocha (#B6675C): A luminous, balanced orange — the color of toasted spice.
• Onyx (#2E2112): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Balance. Tagged duotone.

Use it as a design system

One click turns Quiet 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 Cabin color palette (#FBF4EE, #FFC296, #B2994E, #AF815E, #312D27)
• Airy Raspberry Orchard color palette (#FFF1F0, #FFA4CC, #C57767, #B56088, #2E211A)
• Amber Harbor color palette (#FFECE3, #FBB17C, #BC803C, #886123, #4C3800)
• Apricot Corridor color palette (#FFF3E3, #F49753, #AC7C29, #446F4B, #423C37)
• Muted Villa color palette (#FDF2EF, #E2969D, #936500, #92434D, #2C2214)
• Worn Market color palette (#FFEEE3, #FF8343, #9C6E00, #AA4600, #1A0F00)
• Aged Mustard Balcony color palette (#FFF3E4, #F0AD00, #779400, #9B6E00, #211D03)
• Quiet Market color palette (#FAF2FA, #FFC3C7, #CAAB4E, #FC697F, #19281E)

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