Weathered Lagoon color palette — #DBFEF8 · #BCE6E9 · #C0B6BD · #A49A48 · #143D3B
Moss and Deep Teal set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#DBFEF8): A whisper-light, dusty teal — the color of shallow lagoons.
- Silver (#BCE6E9): A whisper-light, dusty blue — the color of open sky before noon.
- Ash (#C0B6BD): soft and architectural.
- Moss (#A49A48): A luminous, balanced green — the color of fresh herbs.
- Deep Teal (#143D3B): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Sophistication. Tagged pastel, 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
- Amber Parlor color palette (#E6FCEB, #BEE8EC, #A5B7DF, #C5804E, #254334)
- Emerald Meadow color palette (#E2FAFF, #D6DDE9, #BFAAB0, #52A36A, #0D3E4C)
- Washed Glacier Coast color palette (#F4F9DC, #BFE5CC, #76DBED, #92B781, #3E4039)
- Dusty Stone Drift color palette (#E5FAFE, #D8DCE8, #8CBF9D, #B7ABA9, #41575F)
- Muted Terrace color palette (#FFF1F6, #DCC49A, #B27D50, #834335, #07281A)
- Seafoam Lagoon color palette (#F8F7DE, #A1F0C9, #73C1D0, #736C2E, #3E403A)
- Antique Seafoam color palette (#CBFEFA, #98F7CE, #63CDBD, #5D7A53, #052827)
- Lagoon Lantern color palette (#EAF8FF, #DADAE5, #D7C0FF, #009B99, #002138)
Browse the whole catalog at Explore, or see today's palette.