Dusty Amber color palette — #D5E6D8 · #A7891D · #7C5A00 · #553600 · #1B1600

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

The five colors

• Celadon Mist (#D5E6D8): A whisper-light, dusty teal — the color of sea glass.
• Mustard (#A7891D): A luminous, balanced green — the color of a quiet forest floor.
• Coffee (#7C5A00): A full-bodied, balanced gold — the color of honey in a jar.
• Cocoa (#553600): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#1B1600): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, warm, muted.

Use it as a design system

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

• Patina Olive color palette (#DCEBE3, #7D8432, #5A5500, #3A3000, #090D00)
• Weathered Courtyard color palette (#FEE9F3, #BA7C47, #974600, #6A2300, #231100)
• Tempered Chestnut color palette (#D0EFD3, #9F9E5E, #7E5700, #551E00, #010500)
• Bronze Alley color palette (#D9F1DF, #AF9F4B, #8B6E00, #654700, #022C1D)
• Amber Atelier color palette (#F9DFE9, #C28400, #673700, #2B1400, #080003)
• Bronze Archive color palette (#DDF6DF, #CFB168, #AF7B00, #875300, #193E2A)
• Soft Rust Alley color palette (#F4D3E6, #DB905E, #C05000, #932500, #3F2000)
• Clover Quarry color palette (#CCE4E2, #00B841, #BB7E00, #211300, #010601)

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