Weathered Lagoon color palette — #FFF1F2 · #C66FAC · #007272 · #003A65 · #140029

Built around Bubblegum, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Bubblegum (#C66FAC): A luminous, balanced pink — the color of peonies in June.
• Teal (#007272): A full-bodied, balanced teal — the color of sea glass.
• Navy (#003A65): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Ink (#140029): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Balance. Tagged cool.

Use it as a design system

One click turns Weathered 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

• Rust Lagoon color palette (#FDE6F5, #B53D00, #005344, #00274E, #09002D)
• Brick Studio color palette (#F4D9D0, #B03246, #00425B, #150045, #040002)
• Sunlit Emerald color palette (#F5DBD3, #F27486, #379D00, #3259BE, #2F0941)
• Softworn Cypress Studio color palette (#FFF5D4, #C4CA94, #919169, #006565, #00353E)
• Soft Amber color palette (#FFF3E7, #CD7C00, #616A00, #00442F, #000F14)
• Washed Terrace color palette (#F5F6ED, #BAE9E4, #00A1C8, #00696E, #002231)
• Pine Pier color palette (#FAF6E1, #A6AD5D, #008C5F, #00545F, #001941)
• Aged Loft color palette (#FBF5E0, #959900, #00764B, #004147, #000C21)

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