Patina Forest color palette — #F4F6ED · #B3B371 · #076226 · #2D2F28 · #171E17

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

The five colors

• Ivory (#F4F6ED): bright and airy, almost weightless.
• Sage (#B3B371): A luminous, balanced green — the color of a quiet forest floor.
• Pine (#076226): A full-bodied, balanced green — the color of a quiet forest floor.
• Onyx (#2D2F28): a grounded near-black with real depth.
• Onyx (#171E17): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Patina Forest 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 Alley color palette (#F1F8ED, #BAC796, #206C5E, #2F3E26, #1E2823)
• Weathered Apricot Corridor color palette (#EFF4EA, #DDA775, #23624D, #1F2C0D, #090F03)
• Moss Balcony color palette (#EBFAED, #81B358, #005358, #002D30, #001B16)
• Aged Alley color palette (#F0F8EE, #55C4B7, #007AA0, #006F66, #172821)
• Muted Loft color palette (#EFF9E9, #FFC6B4, #53A792, #576A4B, #1E241A)
• Twilit Ridge color palette (#D4E8D2, #486B00, #1F272C, #001918, #000303)
• Moss Courtyard color palette (#D0E4D7, #639E4F, #003D48, #001A20, #000908)
• Weathered Cypress Drift color palette (#F2F7F2, #D1DEDC, #B0C5C3, #2B8383, #424A43)

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