Quiet Amber color palette — #FFF1F2 · #FFB99F · #D47D00 · #846500 · #3F3E00

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

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Melon (#FFB99F): A whisper-light, balanced orange — the color of toasted spice.
• Mustard (#D47D00): A luminous, balanced gold — the color of afternoon light on wheat.
• Ochre (#846500): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#3F3E00): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Amber Bloom color palette (#F9E5DF, #FFAA6F, #E88700, #A37500, #534300)
• Hushed Amber color palette (#FFE2D3, #CF8D00, #7B6100, #2B3700, #001203)
• Hazy Amber Balcony color palette (#FFF0EB, #F6B079, #B48100, #626200, #0F3100)
• Pale Atelier color palette (#F4DFD8, #E97300, #A25C00, #654400, #2D2200)
• Frosted Thicket color palette (#FFF0F9, #FFC0C6, #FA4B47, #964800, #432D00)
• Quiet Terracotta Drift color palette (#FFF3E6, #DED194, #C48129, #A63113, #1F2D00)
• Muted Olive Drift color palette (#FFF3E9, #F9D898, #A9A842, #477914, #1A5035)
• Hazy Quarry color palette (#FFF4E0, #FED058, #04ADED, #9C7800, #003349)

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