Patina Lagoon color palette — #E7F3F1 · #A6C1C2 · #659E98 · #004A15 · #000201

A conversation between Forest and Eucalyptus, giving this palette its sense of nature and growth.

The five colors

• Cream (#E7F3F1): a clean, paper-quiet neutral.
• Ash (#A6C1C2): A luminous, dusty teal — the color of sea glass.
• Eucalyptus (#659E98): A luminous, dusty teal — the color of shallow lagoons.
• Forest (#004A15): A deep, shadowed, balanced green — the color of fresh herbs.
• Black (#000201): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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 Ridge color palette (#DFE1D5, #879180, #5E7160, #023405, #010100)
• Tempered Abyss Garden color palette (#E7F0F4, #BDD3E3, #89A9CE, #005765, #000305)
• Weathered Lagoon color palette (#DBEBE8, #8EA5B4, #7C889C, #427134, #000C0A)
• Softworn Meadow color palette (#D9F8EF, #458C54, #004834, #122000, #000200)
• Lagoon Thicket color palette (#DAF5E7, #119899, #005870, #3C0B2B, #0E0001)
• Muted Moss Quarry color palette (#D0F7F9, #78B100, #009777, #006272, #000201)
• Hushed Studio color palette (#EBF8F9, #D2DCE6, #B2C6E1, #22896C, #112123)
• Charred Pine color palette (#E4F3E7, #007740, #003A3A, #1A001E, #000201)

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