Soft Amber color palette — #FFF2F0 · #FFD5C2 · #D38900 · #856E02 · #424920

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

The five colors

• Ivory (#FFF2F0): a clean, paper-quiet neutral.
• Peach Cream (#FFD5C2): A whisper-light, dusty orange — the color of sun-warmed clay.
• Mustard (#D38900): A luminous, balanced gold — the color of old brass.
• Walnut (#856E02): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#424920): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

Use it as a design system

One click turns Soft 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

• Bronze Terrace color palette (#FFDED5, #DB9971, #996810, #675000, #2C482A)
• Ancient Mustard color palette (#FFF0F9, #FFCC98, #C5A000, #697511, #164941)
• Soft Villa color palette (#FFEEE8, #F9A615, #947C00, #535800, #052E02)
• Ancient Corridor color palette (#EAFAEA, #E3DFB0, #BE965C, #915B47, #203732)
• Weathered Coral color palette (#F6F3FF, #FFC0D3, #FE7768, #9E542B, #284126)
• Velvet Bronze Cabin color palette (#FDECDA, #846D00, #374100, #061400, #000201)
• Frosted Balcony color palette (#DCFFE9, #B5E4C6, #B59E27, #685900, #2D2100)
• Bronze Drift color palette (#FCDBD0, #BB5E00, #6D4F00, #212000, #010400)

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