Patina Pine Pier color palette — #EEF9EE · #AEB488 · #528059 · #515778 · #284A3E

Built around Fern, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Ivory (#EEF9EE): bright and airy, almost weightless.
• Sage (#AEB488): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#528059): A full-bodied, dusty green — the color of new leaves after rain.
• Peacock (#515778): A full-bodied, dusty violet — the color of twilight just after sunset.
• Forest (#284A3E): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Patina Pine 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

• Muted Lagoon color palette (#ECF9F2, #A6C9C5, #558D83, #68627A, #395350)
• Tempered Olive color palette (#F7F1E6, #BCB48E, #657E50, #624A6F, #2D270C)
• Hushed Cypress color palette (#EAFAEF, #74A79B, #2B7257, #4C4569, #173D36)
• Antique Stone color palette (#FFF0FB, #D8F8DA, #AFC897, #9A7188, #614A56)
• Pale Terracotta color palette (#FFF0FB, #D88776, #2A98B2, #A44230, #0C4A59)
• Chalky Thicket color palette (#D5F4E1, #65A546, #006A53, #543362, #173703)
• Tempered Olive color palette (#D5F2E2, #5D8756, #005142, #451B42, #072104)
• Wandering Amber Market color palette (#FFF0F9, #BE7256, #2987A4, #3C6496, #482E3F)

Browse the whole catalog at Explore, or see today's palette.