Amber Ridge color palette — #FFF2EF · #FFC193 · #B38D22 · #565C00 · #062D01

Mustard takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Cantaloupe (#FFC193): A whisper-light, balanced gold — the color of afternoon light on wheat.
• Mustard (#B38D22): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#565C00): A full-bodied, balanced green — the color of fresh herbs.
• Deep Forest (#062D01): 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

• Worn Garden color palette (#F5E9DE, #A58900, #4C5C00, #002905, #000201)
• Softworn Amber Courtyard color palette (#FFF1F5, #FFBBB3, #C6733B, #714F00, #201E00)
• Softworn Olive Veranda color palette (#FFF2EA, #F9D796, #ACA960, #43711E, #003E28)
• Marigold Study color palette (#FFD5C8, #DE8F00, #725D00, #2A3700, #000401)
• Soft Garden color palette (#FFF3E3, #DBD283, #749A46, #006745, #002422)
• Feathered Pier color palette (#FFD6A6, #E4BD7C, #BC9D26, #887900, #2F3100)
• Apricot Hollow color palette (#FFF3E3, #F49F6D, #84832D, #414B85, #311D01)
• Olive Grove color palette (#F2E9CB, #658700, #005020, #00130F, #000102)

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