Patina Lagoon color palette — #FFF2EE · #DDE1A6 · #E4D0D0 · #C1C0B5 · #5F2501

Espresso takes the lead with Celadon Mist close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Celadon Mist (#DDE1A6): A whisper-light, dusty green — the color of a quiet forest floor.
• Silver (#E4D0D0): A whisper-light, dusty red — the color of embers at dusk.
• Stone (#C1C0B5): a calm mid-gray that lets other colors speak.
• Espresso (#5F2501): A deep, shadowed, balanced orange — the color of toasted spice.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. Tagged candy, vibrant, 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

• Muted Workshop color palette (#FFF3E5, #E6DCD4, #8FD387, #B2BFAF, #35332C)
• Patina Taupe Station color palette (#FDEEEA, #E9D4D0, #F7B89C, #D28F77, #38251D)
• Mustard Canyon color palette (#FFF2EC, #C6FCF8, #E1D3CC, #CFB900, #391600)
• Apricot Bloom color palette (#FCF1FB, #EBD5D1, #FFAE8C, #ADAE9F, #564053)
• Dusty Study color palette (#FFF2EE, #ECD6C6, #DE9C77, #936F45, #6C4C00)
• Fern Delta color palette (#F8F5ED, #BFE2D5, #A6B58E, #997D84, #4A4900)
• Timeworn Boulevard color palette (#FAF4EF, #C6DDE8, #DEC0E0, #629E9E, #5D4456)
• Tempered Amber Studio color palette (#FFF3E8, #E9DBB8, #92D5FC, #C9895A, #235041)

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