Soft Amber color palette — #FBF0E4 · #DC8A21 · #00765F · #7A4800 · #030800

A conversation between Mustard and Bronze, giving this palette its sense of optimism and balance.

The five colors

• Cream (#FBF0E4): bright and airy, almost weightless.
• Mustard (#DC8A21): A luminous, balanced gold — the color of old brass.
• Teal (#00765F): A full-bodied, balanced teal — the color of sea glass.
• Bronze (#7A4800): A full-bodied, balanced gold — the color of old brass.
• Ink (#030800): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Optimism, Balance. Tagged duotone.

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

• Mustard Market color palette (#F7F1E3, #B4A200, #00746D, #605600, #010900)
• Amber Study color palette (#FFF1F7, #D2844C, #006C68, #7A3C00, #001C23)
• Coral Veranda color palette (#FCEFE8, #E87D64, #487300, #893826, #070700)
• Hazy Emerald Lagoon color palette (#EDF9EE, #E0A94D, #429545, #966800, #011D1B)
• Hushed Moss Loft color palette (#FFE4C8, #A08900, #006D3D, #432C59, #1D1800)
• Muted Moss Chapel color palette (#F2E5D6, #A79B00, #4A7400, #004421, #00201B)
• Wandering Loft color palette (#F6E8D5, #9E6E00, #005136, #493100, #010100)
• Tempered Pewter Ridge color palette (#F5F1E9, #D0DACA, #B5BAA7, #716432, #252015)

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