Weathered Lagoon color palette — #CDF8F2 · #88C1A4 · #0E9792 · #006777 · #1B3C56

Fern and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#CDF8F2): A whisper-light, dusty teal — the color of sea glass.
• Mint Leaf (#88C1A4): A luminous, dusty teal — the color of glacier melt.
• Fern (#0E9792): A luminous, balanced teal — the color of shallow lagoons.
• Peacock (#006777): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#1B3C56): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Balance. Tagged muted, 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

• Lagoon Delta color palette (#D6F2DD, #B5C590, #679158, #00664E, #003B45)
• Wandering Denim color palette (#CEF1FB, #79BECD, #448DB9, #355794, #29304F)
• Hushed Petrol color palette (#E4F5FC, #81BFC8, #CA878F, #00818D, #3E2741)
• Softworn Cerulean color palette (#E1F6FF, #A6D4EA, #3391A2, #00555E, #00222C)
• Wandering Teal Field color palette (#DBEAE1, #00B1AD, #008195, #004763, #001E4F)
• Worn Teal color palette (#F3FAD6, #8DD4B4, #00B1B2, #2F8699, #32564A)
• Navy Pier color palette (#D6F3F3, #0080A0, #004E79, #12007B, #100028)
• Washed Cocoa Basin color palette (#FAEEF3, #ADC1B1, #9C7687, #7A4847, #1B3129)

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