Amber Ridge color palette — #FFCFDF · #B18622 · #804E00 · #612A00 · #312900

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

The five colors

• Shell Pink (#FFCFDF): A whisper-light, dusty rose — the color of a warm blush.
• Mustard (#B18622): A luminous, balanced gold — the color of honey in a jar.
• Coffee (#804E00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Rust (#612A00): A deep, shadowed, balanced gold — the color of old brass.
• Espresso (#312900): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged earthy, warm.

Use it as a design system

One click turns Amber Ridge 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

• Cocoa Loft color palette (#FAE8F3, #A87D5D, #834025, #5D1F1F, #341F00)
• Aged Archive color palette (#C4E8D3, #8B9542, #685C00, #4F3700, #1C3000)
• Amber Pier color palette (#FDD8EF, #B88A00, #662200, #320C00, #1F0417)
• Misty Amber color palette (#FAD7B3, #E4AE38, #CE8000, #B15100, #312900)
• Amber Workshop color palette (#FFECF4, #D46F00, #386200, #6C3600, #091600)
• Terracotta Quarry color palette (#F0DAC3, #B9A44E, #A86600, #981A00, #222E00)
• Softworn Olive color palette (#FAEED4, #756800, #483500, #2B1700, #0B0D00)
• Bronze Boulevard color palette (#ECFAEC, #B6A67B, #8A6D44, #6C482D, #294437)

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