Patina Emerald color palette — #FBF2FC · #C1E8F3 · #6EBEDC · #569F63 · #223C59

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

The five colors

• Ivory (#FBF2FC): bright and airy, almost weightless.
• Frost (#C1E8F3): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cyan (#6EBEDC): A luminous, balanced blue — the color of deep harbor water.
• Fern (#569F63): A luminous, balanced green — the color of a quiet forest floor.
• Navy (#223C59): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Softworn Terrace color palette (#FDF2F5, #C8E4FC, #99B0ED, #3C9D9A, #333759)
• Marigold Study color palette (#D5E6FF, #82ADFF, #CA9E14, #829621, #1B2C44)
• Weathered Turquoise color palette (#EEF8F0, #D4D7E7, #39B9CB, #008264, #003443)
• Ancient Study color palette (#F1F7F1, #DCDEEB, #BBC4F2, #68B0B4, #4F5069)
• Pale Corridor color palette (#F3E8F1, #86CED5, #009FD6, #00824C, #051C47)
• Worn Azure Station color palette (#DDEEEF, #51CEF4, #4BA2EB, #626CBF, #412A58)
• Timeworn Harbor color palette (#E5DCE4, #73ACAF, #0080A7, #006230, #00081D)
• Feathered Parlor color palette (#E3F0FF, #8BC4FF, #D4AA41, #3795ED, #453200)

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