Patina Harbor color palette — #FFF4E2 · #8EB579 · #348874 · #714D5B · #474941
A conversation between Sage and Fern, giving this palette its sense of nature and growth.
The five colors
- Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Sage (#8EB579): A luminous, balanced green — the color of a quiet forest floor.
- Fern (#348874): A full-bodied, balanced teal — the color of sea glass.
- Coffee (#714D5B): A full-bodied, dusty rose — the color of strawberry cream.
- Charcoal (#474941): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication. Tagged retro, 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
- Timeworn Jade Cabin color palette (#F5F7E9, #75A76F, #317A96, #604870, #48413D)
- Tempered Marigold Pier color palette (#FFF4E2, #C5A351, #6D7F54, #694F6A, #594500)
- Dusty Stone Loft color palette (#FFF0F7, #B3C693, #649F95, #88607C, #2D4F4C)
- Worn Workshop color palette (#F9F4ED, #C0F0F7, #839AC2, #4F7964, #5F4C59)
- Ancient Loft color palette (#FFF4E2, #00ACB4, #2B709D, #743942, #2E4336)
- Dusty Study color palette (#F4F9DA, #B9CAAB, #829786, #846B6F, #794213)
- Hushed Mint color palette (#F3F8E7, #F3FEAC, #96D396, #63B2AF, #42453E)
- Wandering Emerald Quarry color palette (#FFF4E2, #00A665, #006E70, #662767, #004032)
Browse the whole catalog at Explore, or see today's palette.