Amber Ridge color palette — #FFF2ED · #FFC693 · #CA9000 · #766600 · #303800

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

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Cantaloupe (#FFC693): A whisper-light, balanced gold — the color of old brass.
• Mustard (#CA9000): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#766600): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#303800): 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

• Frosted Meadow color palette (#EEDFCB, #B59200, #646A00, #244500, #001304)
• Gentle Moss Boulevard color palette (#FFF3E7, #DAB662, #A99400, #576300, #153603)
• Weathered Amber Orchard color palette (#FFF4E2, #D6D494, #B58A1C, #8E4C00, #1D2E01)
• Frosted Tangerine color palette (#FFF1F3, #FFC2BA, #EF6E00, #875600, #413200)
• Misty Mustard Atelier color palette (#FFD7AE, #FDAE22, #D49B00, #937400, #4E4100)
• Feathered Olive Corridor color palette (#FFF4E1, #DFD894, #91B258, #3D8A33, #034832)
• Misty Moss color palette (#FFF8BC, #E9E278, #A7A100, #585400, #1D1800)
• Hushed Delta color palette (#F2F0E2, #778400, #365F00, #00321A, #000201)

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