Weathered Lagoon color palette — #F9F2FF · #F3D4CD · #F2A1A4 · #AA726A · #5B4251

A conversation between Rose Quartz and Mocha, giving this palette its sense of warmth and comfort.

The five colors

• Ivory (#F9F2FF): bright and airy, almost weightless.
• Shell Pink (#F3D4CD): A whisper-light, dusty orange — the color of toasted spice.
• Rose Quartz (#F2A1A4): A luminous, balanced red — the color of a theater curtain.
• Mocha (#AA726A): A luminous, dusty orange — the color of autumn markets.
• Cocoa (#5B4251): A full-bodied, dusty pink — the color of a candy shop window.

Feels like: Warmth, Comfort, Sophistication. Tagged light, muted, warm.

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

• Muted Mallow color palette (#F3F4FF, #F7D3E3, #DB9ED3, #956885, #55455C)
• Softworn Canyon color palette (#FFF0FD, #E8DCD1, #E8A381, #9B7554, #425742)
• Tempered Terracotta color palette (#FFEBEC, #E1A7B7, #BD6F79, #8D3F2D, #3E3833)
• Washed Hollow color palette (#FFF0FD, #F2D6C4, #7DDEE2, #C38884, #2C4C55)
• Worn Apricot color palette (#FFEAE9, #FF845F, #C55F00, #693A00, #2B1B00)
• Mint Pier color palette (#FFF0FB, #FFB7A9, #8ACD9A, #8EA2C7, #42333F)
• Hushed Ember color palette (#FFF1F2, #FFBBB6, #F9581E, #934700, #4C2B00)
• Antique Marigold color palette (#FFF2E9, #FFD3A5, #CD9A39, #7B6823, #194837)

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