Patina Stone color palette — #FFF0FC · #ECA38F · #AF7052 · #7E4F2D · #504500

A conversation between Melon and Mocha, giving this palette its sense of nature and growth.

The five colors

• Blush (#FFF0FC): A whisper-light, dusty pink — the color of neon signs at night.
• Melon (#ECA38F): A luminous, balanced orange — the color of sun-warmed clay.
• Mocha (#AF7052): A luminous, balanced orange — the color of autumn markets.
• Coffee (#7E4F2D): A full-bodied, dusty gold — the color of old brass.
• Deep Olive (#504500): A deep, shadowed, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged muted, warm.

Use it as a design system

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

• Cocoa Basin color palette (#FFF2EF, #F2BEB7, #C78F79, #92653C, #614400)
• Dusty Mallow color palette (#FAF2FF, #F2A2B8, #B67277, #814C4A, #703527)
• Mustard Corridor color palette (#E0FFDE, #D8B371, #958347, #645F26, #464C13)
• Ancient Coral Cabin color palette (#FFF1F5, #E18F7B, #996C4C, #396358, #55414D)
• Hazy Tangerine color palette (#FFE0D3, #EE7D03, #985A00, #624200, #313805)
• Driftwood Courtyard color palette (#F9F3F9, #E4D7D9, #B5ADA4, #937792, #565056)
• Bronze Canyon color palette (#F6E1C1, #967400, #504800, #262700, #001706)
• Aged Pewter color palette (#FFF1F7, #B3C7B3, #84978B, #597A79, #455560)

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