Weathered Lagoon color palette — #D3E6DD · #009D8A · #00777B · #004352 · #002134

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

The five colors

• Silver (#D3E6DD): A whisper-light, dusty teal — the color of sea glass.
• Fern (#009D8A): A luminous, balanced teal — the color of sea glass.
• Teal (#00777B): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Teal (#004352): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#002134): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Antique Lagoon color palette (#CCEFEB, #008687, #005A60, #003239, #06192A)
• Emerald Studio color palette (#E1EEDA, #39A54A, #007150, #004540, #002226)
• Pale Navy Workshop color palette (#C9ECEC, #0096A8, #00688D, #003E79, #0E1959)
• Timeworn Boulevard color palette (#D9ECF4, #00A9CD, #00718B, #003744, #00090D)
• Timeworn Lilac color palette (#C1E8F7, #9BC5EF, #9A8FE2, #00735C, #002C41)
• Crimson Balcony color palette (#C5E5F3, #0097AD, #CE2C48, #005D6C, #3A000A)
• Chalky Navy color palette (#D1E3E8, #0077A4, #004B89, #1E0077, #0F002C)
• Chalky Rose color palette (#EEE9CF, #FF4C78, #009AC6, #00222F, #00060C)

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