Patina Harbor color palette — #FFF0F8 · #C5876C · #826E34 · #425C38 · #4B3A5B
A conversation between Caramel and Walnut, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF0F8): a clean, paper-quiet neutral.
- Caramel (#C5876C): A luminous, balanced orange — the color of toasted spice.
- Walnut (#826E34): A full-bodied, balanced green — the color of a quiet forest floor.
- Pine (#425C38): A full-bodied, dusty green — the color of a quiet forest floor.
- Charcoal (#4B3A5B): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged muted.
Use it as a design system
One click turns Patina Harbor 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 Ash color palette (#F8F2FF, #C082A2, #956153, #684F16, #453B61)
- Ancient Ridge color palette (#FFECF5, #D6A481, #A67649, #7E5829, #3A563C)
- Muted Cabin color palette (#FFF0F8, #D7B6C1, #89A08E, #527572, #3D515C)
- Softworn Denim color palette (#F4F0FA, #B98CA8, #7D732F, #00517E, #2E203D)
- Patina Alley color palette (#FFF0FB, #E8D7D1, #FDABA0, #BE815B, #523A4A)
- Pale Bronze color palette (#E9FBEA, #A67200, #4F6300, #004C38, #003741)
- Worn Bronze Hollow color palette (#FBEDF6, #AC6854, #493640, #2F252C, #191314)
- Worn Parlor color palette (#FFF2EE, #D7A1A2, #A5884B, #007494, #5F333D)
Browse the whole catalog at Explore, or see today's palette.