Patina Harbor color palette — #F7F5EE · #D6D3B3 · #8AA57C · #AA6C47 · #564E00
Mocha and Deep Olive set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F7F5EE): a clean, paper-quiet neutral.
- Wheat (#D6D3B3): A whisper-light, dusty green — the color of a quiet forest floor.
- Moss (#8AA57C): A luminous, dusty green — the color of a quiet forest floor.
- Mocha (#AA6C47): A full-bodied, balanced gold — the color of old brass.
- Deep Olive (#564E00): A full-bodied, balanced green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, 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
- Softworn Amber Workshop color palette (#FFF3EA, #E8B89F, #91BF94, #C3764B, #4B5301)
- Softworn Fern Station color palette (#F4F6EF, #C8D7BA, #8CA480, #608778, #3C5717)
- Washed Study color palette (#F9F5EC, #C6C2A0, #628D6B, #7B5C67, #564E00)
- Washed Bronze color palette (#FFF3E8, #EFCCAE, #C7936A, #995C1E, #512F0E)
- Wandering Fern Field color palette (#F2EBDD, #9D9453, #636600, #6D3200, #1F1B00)
- Patina Ash color palette (#EBF9F3, #BEDDF1, #8BB9B0, #947E8D, #364B45)
- Wandering Lagoon Coast color palette (#F6F7E7, #99C99C, #449A69, #925929, #224425)
- Hushed Pine Market color palette (#E4E7D3, #84B194, #1B8563, #794900, #04321B)
Browse the whole catalog at Explore, or see today's palette.