Softworn Amber color palette — #FBEDE0 · #C77500 · #6A4E1E · #342F29 · #090301

A conversation between Mustard and Coffee, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#FBEDE0): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mustard (#C77500): A luminous, balanced gold — the color of afternoon light on wheat.
• Coffee (#6A4E1E): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Espresso (#342F29): a grounded near-black with real depth.
• Ink (#090301): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

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

• Worn Moss color palette (#E8E1C4, #909200, #5D5500, #313029, #070400)
• Aged Amber Balcony color palette (#E9DCCD, #CF8B00, #7D5B12, #543500, #120C06)
• Softworn Bronze Boulevard color palette (#FDECD2, #997300, #4C4200, #291A00, #030100)
• Misty Alley color palette (#FCE0D3, #F93418, #754630, #511E00, #0A0301)
• Hushed Archive color palette (#F3F3E5, #9AC860, #7B823B, #5C5700, #23221D)
• Soft Marigold Bloom color palette (#FFECD1, #DAA200, #AE8900, #7F6E00, #2E2B00)
• Pale Pier color palette (#F0F1DB, #A9A400, #00AE8F, #D26030, #271E00)
• Airy Clover Meadow color palette (#DFE4D0, #00C05E, #44725E, #3D4800, #121307)

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