Patina Garnet color palette — #F1DFF7 · #A45F80 · #7F3539 · #1D360E · #00271E

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

The five colors

• Blush (#F1DFF7): A whisper-light, dusty pink — the color of neon signs at night.
• Mocha (#A45F80): A full-bodied, balanced rose — the color of a warm blush.
• Rust (#7F3539): A full-bodied, balanced red — the color of embers at dusk.
• Deep Forest (#1D360E): A deep, shadowed, dusty green — the color of fresh herbs.
• Onyx (#00271E): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Balance. Tagged vintage, retro, muted.

Use it as a design system

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

• Aged Cocoa Bloom color palette (#EDDEE4, #8E5254, #592900, #002820, #02111C)
• Pewter Alley color palette (#D6E2FF, #755FA3, #6F3660, #3B2B00, #172200)
• Navy Pier color palette (#FBDAEB, #8A6278, #4E3D6F, #00281D, #000A12)
• Pewter Canyon color palette (#CFECFB, #8A83B0, #824E5E, #004757, #001E2B)
• Wandering Rust color palette (#FBE8FF, #C878A4, #B94844, #446139, #00231A)
• Tempered Thicket color palette (#FAE3E5, #B8866F, #845919, #004E4F, #113C2D)
• Tempered Bronze color palette (#FDE5FE, #CD8DA2, #A85941, #175A2C, #004944)
• Plum Coast color palette (#FFE0F8, #C01A84, #7E0041, #480016, #200A00)

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