Amber Ridge color palette — #FCF2F8 · #BDB6FF · #C48648 · #46713D · #182720

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

The five colors

• Ivory (#FCF2F8): bright and airy, almost weightless.
• Lavender (#BDB6FF): A luminous, balanced violet — the color of wild irises.
• Mustard (#C48648): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#46713D): A full-bodied, balanced green — the color of new leaves after rain.
• Onyx (#182720): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged jewel, vibrant, muted.

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

• Wandering Mallow color palette (#FFF1F4, #D0A5EA, #A49243, #407D66, #2E222F)
• Amber Field color palette (#FEF2F5, #DDBEF1, #CE846E, #637238, #22402B)
• Coral Field color palette (#EBF9F3, #80C3ED, #CC7C86, #816C38, #1F291B)
• Wandering Terrace color palette (#FEF4E3, #E6D3FF, #D186B1, #717845, #4D393D)
• Olive Terrace color palette (#FFF1F0, #D581A3, #6B8B23, #006B74, #220E1A)
• Tempered Mallow color palette (#FFF1F3, #D395D4, #664D4C, #362629, #140D10)
• Wisteria Market color palette (#FFF1F5, #B274EE, #8C6D00, #005C36, #200A23)
• Aged Coast color palette (#F3EFFD, #A1709C, #8D555B, #49541D, #0C1A24)

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