Patina Pier color palette — #F3F7ED · #C7D8C9 · #8EAFA4 · #006B4B · #283A00
A conversation between Pine and Forest, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F3F7ED): bright and airy, almost weightless.
- Oat (#C7D8C9): A whisper-light, dusty green — the color of new leaves after rain.
- Sage (#8EAFA4): A luminous, dusty teal — the color of shallow lagoons.
- Pine (#006B4B): A full-bodied, balanced teal — the color of glacier melt.
- Forest (#283A00): A deep, shadowed, balanced green — the color of fresh herbs.
Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Patina Pier 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
- Antique Market color palette (#F9F6E7, #D0D5C3, #93B090, #586100, #34332C)
- Timeworn Denim color palette (#E8F1EA, #C3CFCB, #B397A7, #00606B, #223226)
- Worn Lagoon color palette (#F3F7EF, #D4E3D2, #A1CAAD, #008C6D, #2C3720)
- Patina Forest Study color palette (#E5F6F7, #BBDAE2, #84B3C8, #006B53, #061E20)
- Lagoon Boulevard color palette (#F3F6F1, #D3DDDB, #B9AEA7, #48927F, #4F554B)
- Wandering Fern Hollow color palette (#FBE7D8, #AD8D3F, #516300, #004F46, #3B2B00)
- Antique Spruce Canyon color palette (#E0E5DF, #8E9E96, #7C6A7A, #00332F, #040C03)
- Antique Corridor color palette (#ECF1E1, #53ABA2, #3374A9, #6F4600, #533300)
Browse the whole catalog at Explore, or see today's palette.