Patina Lagoon color palette — #ECF8FA · #B0DCCF · #4A8B80 · #145950 · #222E30

Fern and Peacock set the tone — five colors that lean into calm and sophistication.

The five colors

• Ivory (#ECF8FA): bright and airy, almost weightless.
• Oat (#B0DCCF): A whisper-light, dusty teal — the color of sea glass.
• Fern (#4A8B80): A full-bodied, dusty teal — the color of shallow lagoons.
• Peacock (#145950): A full-bodied, dusty teal — the color of shallow lagoons.
• Onyx (#222E30): a grounded near-black with real depth.

Feels like: Calm, Sophistication. Tagged luxury, dark, muted, cool.

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

• Frost Archive color palette (#F1F8EC, #AAF7E5, #589383, #3F4A38, #181D15)
• Tempered Petrol color palette (#EEF6FF, #9ED2B5, #4774AA, #284465, #18232F)
• Tempered Cerulean color palette (#EFF6FA, #A3DCEB, #739DDA, #009DB8, #262F39)
• Sand Dune color palette (#EDF9EF, #FFD4BB, #85A98C, #5E7362, #252E27)
• Wandering Studio color palette (#EFF7FA, #E5B49B, #006B70, #163E4A, #1D262F)
• Weathered Jade Grove color palette (#DCEBF7, #4BA969, #004A6F, #001D2F, #000307)
• Weathered Olive color palette (#C8E5ED, #5F812D, #003332, #1C1D24, #000807)
• Chestnut Archive color palette (#E9F9F7, #79AA82, #B2726C, #8C5805, #23372F)

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