Weathered Lagoon color palette — #F3E6EE · #509897 · #005263 · #002E1A · #00050B

Peacock takes the lead with Storm Blue close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#F3E6EE): a clean, paper-quiet neutral.
• Storm Blue (#509897): A luminous, dusty teal — the color of sea glass.
• Peacock (#005263): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Forest (#002E1A): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#00050B): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

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

• Denim Station color palette (#F4E6F0, #7BA3B5, #006084, #003A2F, #000A1E)
• Aged Navy color palette (#F7E6F0, #41819D, #003D6D, #001F1E, #00000C)
• Tempered Cypress color palette (#EFEFE1, #76C7C5, #00757C, #003F36, #000304)
• Hushed Field color palette (#FBEDF7, #80C9D2, #007DA2, #005440, #001B34)
• Timeworn Sapphire color palette (#F2E5E9, #9BB6D2, #4E62BB, #004955, #190A37)
• Cerulean Coast color palette (#F7EFF4, #C7E1EF, #5893C3, #006D66, #1E2B4A)
• Nocturne Harbor color palette (#F3EEDB, #7E6800, #453600, #130D00, #020100)
• Patina Pine Lantern color palette (#DDF8E0, #9BA056, #008A54, #601F00, #090600)

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