Patina Pine color palette — #F4F7EC · #CFE4D8 · #AECBC1 · #448752 · #1D2012

Fern takes the lead with Stone close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F4F7EC): bright and airy, almost weightless.
• Silver (#CFE4D8): A whisper-light, dusty teal — the color of glacier melt.
• Stone (#AECBC1): A luminous, dusty teal — the color of shallow lagoons.
• Fern (#448752): A full-bodied, balanced green — the color of new leaves after rain.
• Onyx (#1D2012): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Weathered Harbor color palette (#F3F6EE, #CFE3DA, #A1BABF, #5B9979, #2D3027)
• Hushed Corridor color palette (#F1F8EC, #C4E2D8, #A8C2B0, #007158, #080F04)
• Weathered Mint color palette (#F7F7E2, #7ED193, #008B6B, #445832, #161B00)
• Lagoon Thicket color palette (#DBECD2, #008A75, #0D2C15, #061113, #010500)
• Dusty Forest Coast color palette (#E8F0F0, #C2CFCF, #82A9AD, #006632, #1D3231)
• Muted Coast color palette (#DBFFED, #79D6D1, #4890AE, #7B4C67, #421616)
• Worn Clover color palette (#FFF4E2, #00C072, #007A7C, #5F1F62, #001710)
• Worn Celadon Field color palette (#ECFBE3, #A9FF89, #00DEA5, #00A3B5, #001B17)

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