Washed Ridge color palette — #FFF1F2 · #FFBEAF · #D27400 · #7E5400 · #403400

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

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Rose Quartz (#FFBEAF): A whisper-light, dusty orange — the color of toasted spice.
• Mustard (#D27400): A luminous, balanced gold — the color of honey in a jar.
• Coffee (#7E5400): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#403400): 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 Washed 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

• Airy Tangerine color palette (#FFF1F5, #FFB1B1, #FD652A, #9E5500, #4A3100)
• Faded Amber Pier color palette (#F8E8E1, #D98200, #7E6100, #3D3E00, #071000)
• Hushed Coast color palette (#FFF3E8, #EFCA88, #CD7B2A, #A82E0F, #2D2900)
• Dusty Amber color palette (#FFF2EB, #FFB55D, #B38F00, #716E00, #344000)
• Muted Apricot Balcony color palette (#FFDCD5, #FB9364, #A46500, #564000, #282300)
• Bronze Grove color palette (#FFECD7, #9F8100, #535300, #152800, #000400)
• Soft Coral color palette (#FFF3E7, #CFFFD9, #C2E4CE, #FE765F, #514004)
• Gentle Bronze color palette (#FFF3E8, #FFB47E, #78B0FF, #BC6300, #002B64)

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