Patina Lagoon color palette — #F1F8EA · #83C9AC · #E183A4 · #009770 · #5F3242

Fern and Bubblegum set the tone — five colors that lean into balance.

The five colors

• Ivory (#F1F8EA): bright and airy, almost weightless.
• Mint Leaf (#83C9AC): A luminous, balanced teal — the color of glacier melt.
• Bubblegum (#E183A4): A luminous, balanced rose — the color of pressed rose petals.
• Fern (#009770): A luminous, balanced teal — the color of shallow lagoons.
• Cocoa (#5F3242): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Balance. Tagged warm.

Use it as a design system

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

• Tempered Coral Meadow color palette (#ECFAED, #65CACF, #DD8C80, #009298, #64322B)
• Airy Emerald color palette (#F4F7E9, #8FC898, #BB90DB, #1F9948, #4F3562)
• Chalky Meadow color palette (#E2FAFF, #69EEDA, #E8A0CE, #279E8E, #4E2B42)
• Feathered Peony Balcony color palette (#E6FAFB, #45B697, #C56397, #00775F, #5B3448)
• Chalky Raspberry Pier color palette (#E6FCE7, #30BABD, #C57CB0, #C5576E, #273F29)
• Hushed Peony color palette (#CCEFD2, #00B3C0, #F1357E, #007780, #590028)
• Timeworn Ember Station color palette (#E3FCF0, #56CFFF, #DE5E00, #0083AB, #622500)
• Wandering Delta color palette (#F0F8E9, #BAE1EC, #D7C2EB, #91A262, #40563F)

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