Patina Lagoon color palette — #F1F5FE · #B3C0EE · #72B183 · #309C98 · #243646

Cerulean takes the lead with Jade close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F1F5FE): bright and airy, almost weightless.
• Sky (#B3C0EE): A luminous, dusty violet — the color of a velvet chair.
• Jade (#72B183): A luminous, balanced teal — the color of sea glass.
• Cerulean (#309C98): A luminous, balanced teal — the color of glacier melt.
• Deep Teal (#243646): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Tempered Chapel color palette (#F5F4FC, #CCABD8, #60B3B7, #5092C1, #2E3446)
• Misty Market color palette (#F3F4FF, #BD92FF, #00B09C, #0087A4, #172140)
• Antique Stone color palette (#ECF9EB, #E8C3E1, #D89F80, #84935F, #55404F)
• Tempered Driftwood color palette (#FEF2F1, #EBA2BC, #9E8E44, #007C87, #301D20)
• Tempered Cobalt Corridor color palette (#F9F2FC, #F4B2C2, #D09D79, #7383C1, #543655)
• Weathered Stone color palette (#FAEEF7, #EF9F93, #8B7481, #5E4F5B, #252025)
• Soft Harbor color palette (#EAE3FB, #C85EBB, #007D8E, #0053A0, #0A0019)
• Tempered Lapis Coast color palette (#FBF0FF, #F75A97, #0096DA, #5D44FF, #30002F)

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