Patina Pine color palette — #ECF8F5 · #91B9B1 · #4F8155 · #23646A · #244A44

A conversation between Fern and Peacock, giving this palette its sense of nature and growth.

The five colors

• Ivory (#ECF8F5): bright and airy, almost weightless.
• Ash (#91B9B1): A luminous, dusty teal — the color of glacier melt.
• Fern (#4F8155): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#23646A): A full-bodied, dusty blue — the color of open sky before noon.
• Forest (#244A44): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged botanical, earthy, 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

• Antique Pine color palette (#ECF4EE, #8DC0AD, #5A8155, #4D536F, #122D24)
• Patina Fern Parlor color palette (#EDF8F3, #94A176, #4E6E2F, #71382C, #183D33)
• Timeworn Cerulean color palette (#EEF8F6, #C5E2EC, #3999A9, #00716B, #234D61)
• Wandering Basalt color palette (#F8F6E4, #C5DEB4, #8FB98A, #819782, #474500)
• Emerald Grove color palette (#FBF4E9, #C1CA9D, #6C9E67, #866777, #4E4200)
• Byzantium Terrace color palette (#F5F3FF, #B88DC3, #0098BE, #8C3EA0, #004A5E)
• Shadow Atelier color palette (#DDF2F3, #166C5F, #003230, #00182D, #000806)
• Worn Forest Market color palette (#DDEFE8, #6B8356, #125303, #511A00, #102000)

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