Patina Taupe color palette — #FEF3EA · #C18A65 · #787337 · #305F41 · #5D372F

Caramel and Walnut set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FEF3EA): a clean, paper-quiet neutral.
• Caramel (#C18A65): A luminous, balanced gold — the color of afternoon light on wheat.
• Walnut (#787337): A full-bodied, balanced green — the color of fresh herbs.
• Pine (#305F41): A full-bodied, dusty teal — the color of glacier melt.
• Cocoa (#5D372F): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged muted.

Use it as a design system

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

• Patina Cocoa Alley color palette (#F8F5E9, #999D62, #457E5F, #1B5E64, #643500)
• Abyss Cabin color palette (#FFF3E2, #CDC6B4, #96937B, #657460, #405744)
• Wandering Garden color palette (#FCEEED, #C089A4, #75753C, #005470, #3F1A20)
• Gentle Bronze Lagoon color palette (#FAF1DB, #877811, #1B6431, #004346, #481D00)
• Washed Coral color palette (#FFF2EF, #C7808F, #93653F, #464F82, #553653)
• Wandering Drift color palette (#FFF3E8, #BB6200, #5D5E00, #651469, #600014)
• Bronze Pier color palette (#FFEEE2, #A56E4A, #563300, #31261D, #171510)
• Tempered Pier color palette (#F7F3FC, #D59EBD, #8B925D, #376E9B, #5B324D)

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