Patina Lagoon color palette — #FAF5EA · #C0B178 · #09A198 · #606397 · #5C372E

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

The five colors

• Ivory (#FAF5EA): a clean, paper-quiet neutral.
• Camel (#C0B178): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#09A198): A luminous, balanced teal — the color of shallow lagoons.
• Slate (#606397): A full-bodied, balanced violet — the color of a velvet chair.
• Cocoa (#5C372E): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged 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

• Timeworn Emerald Lagoon color palette (#FDF3EA, #DDA46F, #629D67, #2D718F, #583741)
• Muted Cerulean Archive color palette (#F5F6EC, #8DC189, #4295C5, #84577E, #47413C)
• Oat Hollow color palette (#EDF9EF, #E1C386, #76B4C6, #8C7DB0, #433D5C)
• Weathered Moss color palette (#FEF5D6, #B4CD92, #76AD59, #528A5F, #4B4E47)
• Aubergine Chapel color palette (#FBF6DC, #95A700, #00869A, #70309C, #541C00)
• Patina Turquoise color palette (#F8F5EF, #C9EAE2, #6CBFD3, #509583, #385146)
• Softworn Archive color palette (#F6F6EA, #CCD7B1, #68AB95, #A4713B, #475408)
• Patina Quarry color palette (#F5F2E6, #A0A05A, #5D5C0A, #3A3831, #24211D)

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