Amber Ridge color palette — #F4DFDC · #FF9D83 · #DB7E30 · #9A6D00 · #403700

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

The five colors

• Shell Pink (#F4DFDC): A whisper-light, dusty orange — the color of autumn markets.
• Melon (#FF9D83): A luminous, balanced orange — the color of toasted spice.
• Mustard (#DB7E30): A luminous, balanced gold — the color of old brass.
• Ochre (#9A6D00): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#403700): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, 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

• Ancient Amber color palette (#FFF2EC, #F6AB7C, #C66C00, #804C00, #492E00)
• Faded Coral color palette (#FEE3EF, #FD96AB, #E1726F, #AC5D31, #5A3200)
• Dusty Marigold color palette (#F7E6DB, #EAAC4F, #C39800, #83810F, #2A4210)
• Aged Taupe Harbor color palette (#FBDFE9, #D4BF94, #C39266, #9E6B5C, #18372A)
• Muted Boulevard color palette (#FFF1DE, #F4C37D, #CA9C31, #926C00, #2E1C00)
• Softworn Amber Villa color palette (#FFE2DD, #E77700, #A76D00, #6C5100, #201E00)
• Sky Dune color palette (#FFE7EE, #EFB166, #42BCFF, #C28126, #003A56)
• Patina Coral color palette (#FFF1F6, #F7F1C1, #ABE4BB, #D48B83, #2F4532)

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