Patina Lagoon color palette — #F5F7E9 · #B9E2AF · #D6B8F1 · #8AB77E · #62424D

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

The five colors

• Ivory (#F5F7E9): a clean, paper-quiet neutral.
• Celadon Mist (#B9E2AF): A whisper-light, balanced green — the color of a quiet forest floor.
• Lavender (#D6B8F1): A whisper-light, balanced violet — the color of twilight just after sunset.
• Sage (#8AB77E): A luminous, balanced green — the color of a quiet forest floor.
• Cocoa (#62424D): A full-bodied, dusty rose — the color of a warm blush.

Feels like: Nature, Growth, Creativity, Sophistication, Softness, Clarity. Tagged light, muted.

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

• Softworn Teal color palette (#ECFAEB, #9FE4E0, #EFB3CD, #5DBAB6, #674240)
• Aged Courtyard color palette (#FDF4E6, #EED194, #AFC6FC, #C3A462, #5D4359)
• Tempered Seafoam Canyon color palette (#F4F8E0, #A1D8A1, #D1AFDF, #CA8EAD, #42433C)
• Ancient Driftwood color palette (#EAF9F5, #B3CEA3, #C1A3D9, #779862, #4A4968)
• Fern Delta color palette (#F8F6E5, #B7E5E5, #D1B591, #B5B3BF, #475203)
• Fern Loft color palette (#FEF3EA, #E6D7BE, #CCB098, #AC897B, #544700)
• Mint Dune color palette (#E4F5DB, #48D9BD, #EF8EAE, #00A98F, #552034)
• Seafoam Balcony color palette (#FFE6DC, #FFC8F5, #83F09E, #6D6F67, #363731)

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