Amber Ridge color palette — #FDD0E0 · #E1B034 · #D17E17 · #A9553C · #2C2B00

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

The five colors

• Shell Pink (#FDD0E0): A whisper-light, dusty rose — the color of strawberry cream.
• Gold (#E1B034): A luminous, balanced gold — the color of afternoon light on wheat.
• Mustard (#D17E17): A luminous, balanced gold — the color of old brass.
• Terracotta (#A9553C): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#2C2B00): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Antique Ember Basin color palette (#FFD3C2, #F2A454, #E8692F, #BB3F4F, #352600)
• Hushed Marigold color palette (#FCD7B1, #D6972D, #A86600, #7D4000, #362600)
• Linen Mustard color palette (#C4E9CA, #C6BC44, #BD8B00, #A95800, #202F00)
• Antique Driftwood Terrace color palette (#F8E0EC, #DCBB94, #C68F71, #A76561, #1E3728)
• Bronze Coast color palette (#FFF1F5, #E7AF60, #B16B00, #763C00, #221600)
• Mustard Orchard color palette (#D4F9E2, #C2D095, #B9A442, #A2763E, #203E1A)
• Timeworn Amber Harbor color palette (#EDDFD2, #B08700, #834C00, #611B00, #141300)
• Dusty Clover color palette (#ECE5F9, #FFA65E, #17B62B, #315931, #001714)

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