Amber Ridge color palette — #FFF1F2 · #FFBBA2 · #DA8000 · #756400 · #343E00

A conversation between Mustard and Olive, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Melon (#FFBBA2): A whisper-light, balanced orange — the color of autumn markets.
• Mustard (#DA8000): A luminous, balanced gold — the color of old brass.
• Olive (#756400): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#343E00): A deep, shadowed, balanced green — the color of new leaves after rain.

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

• Quiet Harbor color palette (#FFF2EE, #FFAD5D, #AE8C00, #666500, #143511)
• Aged Amber color palette (#F9EAE3, #BC8500, #6E5B00, #233800, #001005)
• Powdered Tangerine Loft color palette (#FFE2E0, #E87933, #A86400, #6D4C00, #473F00)
• Ember Villa color palette (#FFF0F9, #FFA9AE, #FE4E2C, #994D00, #453200)
• Hazy Apricot color palette (#EFE1DA, #E78831, #965B00, #664100, #2D1E00)
• Chalky Amber color palette (#FFF3E6, #EACF67, #C97E1E, #8E483B, #2E2800)
• Washed Moss Orchard color palette (#FFF2EA, #FFDD81, #ABA938, #55814B, #41433D)
• Bronze Corridor color palette (#F0E0CA, #917800, #4E5D00, #002D0E, #000201)

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