Amber Ridge color palette — #FFDDD6 · #F09D84 · #D67E00 · #865F00 · #47453E

Mustard and Ochre set the tone — five colors that lean into optimism and balance.

The five colors

• Shell Pink (#FFDDD6): A whisper-light, dusty orange — the color of autumn markets.
• Melon (#F09D84): A luminous, balanced orange — the color of sun-warmed clay.
• Mustard (#D67E00): A luminous, balanced gold — the color of old brass.
• Ochre (#865F00): A full-bodied, balanced gold — the color of old brass.
• Charcoal (#47453E): a grounded near-black with real depth.

Feels like: Optimism, Balance. Tagged 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

• Timeworn Field color palette (#FFF0FD, #FFD1C2, #D58B4C, #866218, #4A3F08)
• Weathered Ember Delta color palette (#FFE2E4, #F49AB0, #E5694D, #A15A2D, #49443E)
• Amber Cabin color palette (#FFDBC6, #F1B26A, #AB9300, #676D18, #474941)
• Weathered Courtyard color palette (#FFE0D7, #F68D57, #AE661F, #734B03, #2B4C35)
• Tempered Amber Grove color palette (#FFF3E7, #CFBB95, #B9824B, #90584E, #463E00)
• Periwinkle Chapel color palette (#FFF3E7, #EBA769, #67A7F7, #B66C18, #523853)
• Weathered Seafoam color palette (#FFF3E9, #DDE5C7, #94EECB, #B87D7F, #604300)
• Softworn Marigold color palette (#FFD8EA, #DCB9FF, #FEAA1E, #49433E, #2A241E)

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