Patina Emerald color palette — #FFF0F7 · #CABBFF · #00AE5F · #008D81 · #3E202F

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

The five colors

• Ivory (#FFF0F7): bright and airy, almost weightless.
• Lavender (#CABBFF): A whisper-light, balanced violet — the color of twilight just after sunset.
• Kelly Green (#00AE5F): A luminous, vivid teal — the color of sea glass.
• Fern (#008D81): A full-bodied, balanced teal — the color of glacier melt.
• Espresso (#3E202F): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

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

• Pale Mallow color palette (#FFF1F2, #FFA1F2, #00A994, #00899B, #412025)
• Aged Clover color palette (#FFF0FC, #93AFFF, #51C255, #549C54, #3A2236)
• Washed Emerald color palette (#FFF1F2, #F48DFF, #19A222, #008971, #002716)
• Hazy Lantern color palette (#F5D4DD, #D98BFF, #009556, #00776F, #2D0F19)
• Coral Loft color palette (#E1FFDD, #E99FFF, #EE7357, #008B92, #4E263C)
• Hushed Magenta Lantern color palette (#F9E7E8, #E900C2, #00947A, #00745F, #1F0206)
• Feathered Blush color palette (#FFDBD3, #FF668E, #00A9C0, #00899C, #3D0718)
• Mustard Corridor color palette (#FFF0F9, #A3A9FF, #B9A800, #988A00, #3C2133)

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