Quiet Amber color palette — #FFEBD0 · #C56B00 · #576100 · #323975 · #34302A

Ochre and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFEBD0): A whisper-light, dusty gold — the color of old brass.
• Ochre (#C56B00): A luminous, balanced gold — the color of old brass.
• Olive (#576100): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#323975): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Espresso (#34302A): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged retro.

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

• Ancient Ember Station color palette (#FBEDD3, #CE5E59, #755400, #14426A, #352F2B)
• Chalky Summit color palette (#FFEBD5, #A08300, #006D32, #483562, #32302A)
• Soft Amber color palette (#FCE5CB, #C4704E, #55630F, #302F6D, #251400)
• Linen Bronze Courtyard color palette (#FDEFE3, #B25D00, #006256, #452B64, #3C1236)
• Patina Coral color palette (#E2F5E0, #D98B6D, #727F36, #4C4E89, #1E381C)
• Navy Delta color palette (#EEE5DA, #8C5900, #2C4600, #210964, #1C1500)
• Aged Pier color palette (#FAF5E4, #81A777, #287257, #654037, #35362F)
• Worn Taupe color palette (#FFF3E8, #A3AF6B, #468575, #6A4E6E, #4A4C00)

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