Patina Pier color palette — #E4F3EC · #00997D · #00675A · #004641 · #002B3A
A conversation between Fern and Pine, giving this palette its sense of calm and sophistication.
The five colors
- Cream (#E4F3EC): a clean, paper-quiet neutral.
- Fern (#00997D): A luminous, balanced teal — the color of sea glass.
- Pine (#00675A): A full-bodied, balanced teal — the color of glacier melt.
- Forest (#004641): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Midnight (#002B3A): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Calm, Sophistication. Tagged muted, cool.
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 Lagoon color palette (#D6F7F3, #008786, #00595D, #003237, #061828)
- Tempered Field color palette (#DFF5EE, #00B0A0, #007873, #00585A, #0E3A53)
- Quiet Field color palette (#D3E4D0, #00928B, #6C3DE8, #005551, #281B58)
- Frosted Emerald color palette (#DDE5D9, #4DA037, #007229, #004521, #002C2A)
- Wandering Turquoise color palette (#E5F8E6, #8DCADB, #4EAEE0, #006764, #1C3B28)
- Hushed Ultramarine color palette (#BDE9EC, #007A81, #2E4DCD, #2B5B00, #002527)
- Washed Azure color palette (#DDF5FE, #00A0D3, #006D9B, #00446D, #232355)
- Feathered Field color palette (#DAFFF0, #8AC0E9, #3E87C9, #426798, #5D465B)
Browse the whole catalog at Explore, or see today's palette.