Patina Ridge color palette — #FFF2EC · #8EB38F · #448095 · #824639 · #3F4C36

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

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Sage (#8EB38F): A luminous, dusty green — the color of fresh herbs.
• Slate (#448095): A full-bodied, dusty blue — the color of deep harbor water.
• Coffee (#824639): A full-bodied, balanced orange — the color of autumn markets.
• Deep Olive (#3F4C36): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged retro, muted.

Use it as a design system

One click turns Patina 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

• Muted Fern Pier color palette (#FAF5E7, #7DB5A3, #577B9D, #615C00, #3C4D3E)
• Softworn Mulberry Corridor color palette (#FFF2EE, #B4A872, #408673, #813F65, #504900)
• Dusty Market color palette (#E8F6EB, #75BBAB, #1C859E, #713F59, #183036)
• Timeworn Cerulean Harbor color palette (#FCF4E7, #89CEBE, #31A1BD, #8D5E76, #3E4C3D)
• Dusty Field color palette (#FCF3ED, #CEBEA4, #7B875A, #576E4E, #654700)
• Washed Cypress color palette (#FAF4F0, #C9E8E9, #AC8DAB, #1C7F74, #654858)
• Emerald Workshop color palette (#FFF3E8, #00A57A, #00669C, #6A3600, #003E3E)
• Bronze Grove color palette (#FBF6DB, #C5D4BB, #899F95, #8D6B27, #535706)

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