Quiet Amber color palette — #FFF2EB · #FFC58B · #C68800 · #7C6100 · #3D3600

A conversation between Mustard and Olive, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Cantaloupe (#FFC58B): A whisper-light, balanced gold — the color of honey in a jar.
• Mustard (#C68800): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#7C6100): A full-bodied, balanced gold — the color of old brass.
• Espresso (#3D3600): A deep, shadowed, dusty green — the color of new leaves after rain.

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

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

• Worn Honey color palette (#FFF3E5, #FABF21, #A49200, #555C00, #283706)
• Pale Coast color palette (#F9DEC6, #E18F00, #9E6B00, #634800, #303D08)
• Faded Amber Terrace color palette (#F3E9D8, #AC9100, #706F00, #2D3C00, #061300)
• Airy Ember Basin color palette (#FFF1F1, #FFC3B9, #E96100, #A05200, #4B2F00)
• Ancient Cabin color palette (#FFF7C5, #FDE553, #AD9500, #655500, #151200)
• Straw Courtyard color palette (#FFF5D6, #E9E876, #8DA74C, #567843, #0F4C47)
• Linen Honey color palette (#DEFFE4, #F9BD25, #8CAAFF, #A07600, #1C2A59)
• Airy Celadon Field color palette (#FFF5D9, #F0FF9D, #B9FCC2, #C69155, #274B38)

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