Patina Pier color palette — #C6E7DF · #5EA56E · #007255 · #004F53 · #00220A
Jade and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Silver (#C6E7DF): A whisper-light, dusty teal — the color of glacier melt.
- Jade (#5EA56E): A luminous, balanced green — the color of a quiet forest floor.
- Pine (#007255): A full-bodied, balanced teal — the color of sea glass.
- Forest (#004F53): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#00220A): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, muted.
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
- Weathered Corridor color palette (#DCEDE1, #949849, #486E0B, #104B65, #1B1D00)
- Worn Jade color palette (#F7F7E4, #69B67B, #007155, #004548, #070900)
- Patina Cabin color palette (#DFF0E5, #678457, #00513D, #003346, #0C2100)
- Worn Thicket color palette (#D5EAE6, #76B58F, #00856E, #4B517D, #003030)
- Faded Corridor color palette (#F3E8D1, #8DB47A, #009574, #006D92, #0B2100)
- Weathered Cobalt color palette (#E9F3EB, #70BED4, #007FAC, #005957, #00213B)
- Feathered Olive Pier color palette (#D9F3E1, #ACB43B, #558900, #006388, #2E3100)
- Emerald Lantern color palette (#E3FCF4, #8ECD92, #009E70, #546895, #224325)
Browse the whole catalog at Explore, or see today's palette.