Patina Emerald color palette — #E5FBF5 · #9BC098 · #33965A · #3B6B7D · #183C39

Fern and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E5FBF5): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#9BC098): A luminous, dusty green — the color of fresh herbs.
• Fern (#33965A): A luminous, balanced teal — the color of glacier melt.
• Peacock (#3B6B7D): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Teal (#183C39): A deep, shadowed, dusty teal — the color of glacier melt.

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

Use it as a design system

One click turns Patina Emerald 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 Boulevard color palette (#E7FAF8, #9FCED0, #54A08C, #58768A, #27494A)
• Olive Courtyard color palette (#ECF9F0, #BDB77B, #818811, #835457, #223C2F)
• Timeworn Taupe Market color palette (#EBF9F0, #8DA564, #357147, #44476B, #203C34)
• Dusty Pine Station color palette (#D1EBE5, #87B284, #008847, #784824, #00312C)
• Washed Teal color palette (#FAF6E3, #CDCDA1, #78AF86, #6986A9, #36362F)
• Jade Courtyard color palette (#D0E6E3, #51A774, #007253, #004D60, #002020)
• Softworn Olive Grove color palette (#D6E5DE, #6A7F0B, #314F00, #530D03, #050700)
• Tempered Shell color palette (#FAF2FF, #FCCEE3, #FFAAA4, #A16D90, #44364A)

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