Amber Ridge color palette — #F4E2DB · #C66E00 · #805500 · #4A3B00 · #202100

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

The five colors

• Parchment (#F4E2DB): A whisper-light, dusty orange — the color of autumn markets.
• Mustard (#C66E00): A luminous, balanced gold — the color of old brass.
• Coffee (#805500): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#4A3B00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Onyx (#202100): A deep, shadowed, dusty 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

• Misty Loft color palette (#FFE9D4, #A17100, #6A5800, #313500, #071500)
• Tempered Chestnut Workshop color palette (#D8E8D9, #998E47, #7F5800, #612C00, #121900)
• Patina Rose color palette (#FDE0E5, #DC5257, #A43B00, #623800, #2B1E00)
• Tempered Terracotta Bloom color palette (#DCF4E1, #B6CB7F, #52BA91, #9D410C, #2B2700)
• Misty Lagoon color palette (#FFE2D2, #E1A96A, #A98825, #766D20, #3E4F26)
• Worn Sapphire Lantern color palette (#DDF0E0, #AC7D00, #436BDB, #6B4C00, #030E51)
• Worn Coral color palette (#D5E3F8, #FF716B, #A56B00, #221300, #010B01)
• Muted Marigold Atelier color palette (#F0DEC8, #C59D00, #797D00, #406700, #013C0A)

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