Quiet Amber color palette — #FED0DE · #B28600 · #7F4F00 · #602B00 · #302900

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

The five colors

• Shell Pink (#FED0DE): A whisper-light, dusty rose — the color of a warm blush.
• Mustard (#B28600): A luminous, balanced gold — the color of honey in a jar.
• Coffee (#7F4F00): A full-bodied, balanced gold — the color of honey in a jar.
• Rust (#602B00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Espresso (#302900): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged earthy, 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

• Quiet Ridge color palette (#FCDEEF, #B9753C, #893B14, #5C211E, #132A14)
• Dusty Harbor color palette (#F3DCA4, #9D9000, #725700, #553400, #262D00)
• Amber Terrace color palette (#F3D9BD, #E0AF5B, #CB8200, #A55C00, #352700)
• Muted Bronze Boulevard color palette (#E6F5E6, #7C6500, #4C3300, #2D1500, #000F08)
• Faded Moss color palette (#D7F8E6, #96A64C, #756B00, #5E4500, #003F36)
• Aged Boulevard color palette (#FFF1F5, #BEA373, #8C6B49, #654757, #2E4336)
• Muted Rose Ridge color palette (#FCD6E6, #FF4073, #B51A00, #602600, #3C2100)
• Plum Harbor color palette (#FFD5F9, #AB00A3, #536000, #00473E, #330D30)

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