Weathered Lagoon color palette — #ECF5E9 · #08B3A2 · #485F49 · #313B2E · #1F231D

A conversation between Turquoise and Pine, giving this palette its sense of sophistication.

The five colors

• Cream (#ECF5E9): bright and airy, almost weightless.
• Turquoise (#08B3A2): A luminous, balanced teal — the color of glacier melt.
• Pine (#485F49): A full-bodied, dusty green — the color of new leaves after rain.
• Forest (#313B2E): A deep, shadowed, dusty green — the color of new leaves after rain.
• Onyx (#1F231D): quiet, heavy and certain.

Feels like: Sophistication. Tagged noir, dark, luxury, 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

• Aged Jade color palette (#F2F3E6, #81A96B, #545F16, #383931, #23221B)
• Antique Mint color palette (#E1F7FA, #5CCDBA, #67808A, #46585B, #1A2424)
• Ancient Parlor color palette (#EBF6E6, #00917F, #304137, #252B22, #111612)
• Lilac Lantern color palette (#E6FBF2, #7BBAE0, #B194DE, #5EA28B, #314840)
• Hushed Azure Lagoon color palette (#D2EBE4, #2E94E9, #5C445A, #1D332D, #121B17)
• Washed Stone Courtyard color palette (#ECF9F0, #8CD1E0, #AFB96C, #2E9CB0, #4F4D46)
• Olive Pier color palette (#F5F6EE, #CBD7B1, #76A892, #7C843D, #45540B)
• Shadow Harbor color palette (#D4E5D3, #00504F, #172A2B, #001013, #000300)

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