Quiet Amber color palette — #FFD3CA · #EEA686 · #CA7E49 · #916120 · #533F16

A conversation between Mustard and Ochre, giving this palette its sense of optimism and warmth.

The five colors

• Shell Pink (#FFD3CA): A whisper-light, dusty orange — the color of toasted spice.
• Melon (#EEA686): A luminous, balanced orange — the color of toasted spice.
• Mustard (#CA7E49): A luminous, balanced gold — the color of afternoon light on wheat.
• Ochre (#916120): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Cocoa (#533F16): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, 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

• Coral Boulevard color palette (#FFD0DD, #EF9BA7, #D57971, #97513E, #5F3823)
• Washed Thicket color palette (#FFEAD8, #E2B471, #B39335, #7E6E16, #4B5126)
• Weathered Tangerine Bloom color palette (#FFF2EC, #FFD4C2, #EF8226, #976008, #433E38)
• Bronze Studio color palette (#F5D8FE, #D79089, #B05A1C, #7A5000, #4D480C)
• Antique Lantern color palette (#E0FFE0, #EFC68B, #B68744, #785100, #422900)
• Rust Boulevard color palette (#F3D9D1, #C46000, #7C4900, #462D00, #1B1300)
• Faded Bronze color palette (#FFF1F6, #E2AA7A, #64ABE9, #B56C1E, #204565)
• Aged Driftwood color palette (#FFF1F6, #ACC6AC, #AC8769, #7F5D72, #2E4334)

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