Patina Cypress color palette — #F8F5E9 · #AFB38F · #37836A · #704F55 · #434700

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

The five colors

• Ivory (#F8F5E9): bright and airy, almost weightless.
• Sage (#AFB38F): A luminous, dusty green — the color of fresh herbs.
• Fern (#37836A): A full-bodied, balanced teal — the color of sea glass.
• Coffee (#704F55): A full-bodied, dusty red — the color of a theater curtain.
• Deep Olive (#434700): A deep, shadowed, balanced green — the color of a quiet forest floor.

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

Use it as a design system

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

• Timeworn Cypress color palette (#F7F6E6, #7BA788, #007364, #683D3B, #303B00)
• Muted Lagoon color palette (#E8F5F2, #9BBE9A, #528261, #654D58, #152C29)
• Patina Workshop color palette (#F6F7E5, #ADCFAA, #6F9C7B, #996333, #434700)
• Bronze Basin color palette (#FFF3E2, #D3AB68, #9B6800, #613E00, #402900)
• Tempered Cerulean color palette (#FAF4EE, #BDE7D8, #6A8AC2, #007077, #593E4F)
• Patina Teal color palette (#EBF9F4, #B2E0D9, #7DBC9C, #9789A8, #2A4945)
• Bronze Market color palette (#FFDEDF, #E68E6F, #B86000, #764D00, #454740)
• Garnet Meadow color palette (#ECEDDB, #388C6B, #00504D, #541507, #141F01)

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