Faded Amber color palette — #FFF1F2 · #FFBDA9 · #DD8500 · #805C00 · #393F00

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 (#FFBDA9): A whisper-light, balanced orange — the color of sun-warmed clay.
• Mustard (#DD8500): A luminous, balanced gold — the color of honey in a jar.
• Ochre (#805C00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#393F00): 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 Faded 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

• Tangerine Canyon color palette (#FFF1F6, #FFA9A4, #F76703, #835100, #3D2D00)
• Sunlit Villa color palette (#FAE0D6, #C78100, #735F00, #2F3300, #000E02)
• Pale Ridge color palette (#FFF2ED, #FFC381, #AF9800, #566C00, #0E3A0E)
• Frosted Amber color palette (#FFF3E3, #FFDD99, #BA9000, #6E4B00, #251700)
• Quiet Apricot color palette (#FFE5E2, #FF884F, #A46B00, #5A5100, #1C2900)
• Airy Sunflower Cabin color palette (#FFF1F6, #F2CC5A, #C5803E, #92453D, #072F25)
• Powdered Bronze color palette (#FFF1F6, #FFB66D, #6CB5FF, #B16800, #002F57)
• Pale Rose Corridor color palette (#FDF0FF, #FFBDD6, #F14771, #B33D1E, #4A2B00)

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