Patina Lagoon color palette — #F4F2E8 · #B3B794 · #428463 · #40557B · #272A0E

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

The five colors

• Cream (#F4F2E8): bright and airy, almost weightless.
• Sage (#B3B794): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#428463): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#40557B): A full-bodied, dusty violet — the color of wild irises.
• Onyx (#272A0E): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Grounding. Tagged botanical, earthy, 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 Olive Canyon color palette (#FBF1DC, #A3AF73, #497A28, #623870, #1F2400)
• Washed Pine color palette (#EEF8EF, #8ABCAC, #42835D, #615271, #2E4941)
• Driftwood Boulevard color palette (#F6F1E9, #CCC3A8, #7B895D, #775666, #33312A)
• Washed Balcony color palette (#EBF9F4, #A0CFC8, #53A27A, #60738E, #304844)
• Tempered Cerulean color palette (#F6F1EA, #C8E4D3, #4997C0, #006C6C, #102E49)
• Aubergine Parlor color palette (#E4E8CB, #43AA82, #006A5F, #3A258E, #001C11)
• Pewter Boulevard color palette (#FAF4EC, #D4E2C4, #81AA87, #936681, #3A3831)
• Dusty Hollow color palette (#EEE9D6, #819669, #106723, #512550, #0C1600)

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