Patina Pine color palette — #E1EBDF · #008D5D · #006156 · #003D42 · #001421
A conversation between Fern and Pine, giving this palette its sense of calm and sophistication.
The five colors
- Parchment (#E1EBDF): bright and airy, almost weightless.
- Fern (#008D5D): A full-bodied, balanced teal — the color of shallow lagoons.
- Pine (#006156): A full-bodied, dusty teal — the color of sea glass.
- Deep Teal (#003D42): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#001421): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Calm, Sophistication. Tagged muted, cool.
Use it as a design system
One click turns Patina Pine 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
- Lagoon Hollow color palette (#CAE9D5, #009A7E, #007B6D, #005354, #001A1F)
- Patina Olive color palette (#EAE9C9, #6A8600, #006535, #00382D, #001C1F)
- Onyx Corridor color palette (#CAE9DD, #008D87, #006272, #00334C, #080153)
- Plum Courtyard color palette (#E1F6E2, #00888C, #BB005B, #005052, #25000D)
- Timeworn Summit color palette (#DEF0F4, #009CA3, #00666C, #002B2E, #000303)
- Iris Summit color palette (#E3EBDE, #6CBCDD, #927EE7, #2D6D27, #00191A)
- Feathered Brick color palette (#D2F5F4, #007575, #AC0025, #6D3200, #000A0A)
- Washed Corridor color palette (#EADFD3, #D66300, #008E98, #000E10, #000300)
Browse the whole catalog at Explore, or see today's palette.