Weathered Lagoon color palette — #F7F1E7 · #B0D2B0 · #2C8A98 · #005E48 · #002531

Cerulean and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F7F1E7): a clean, paper-quiet neutral.
• Pistachio (#B0D2B0): A whisper-light, dusty green — the color of a quiet forest floor.
• Cerulean (#2C8A98): A full-bodied, balanced blue — the color of open sky before noon.
• Pine (#005E48): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#002531): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Calm, 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

• Aged Cobalt Workshop color palette (#F6F1EA, #A5D3C4, #597DB1, #00596B, #171D3F)
• Tempered Cypress Pier color palette (#F6F1E8, #C8E4D3, #5E95B2, #176C69, #01352B)
• Washed Cabin color palette (#F9F3F9, #A4CDD8, #0085A5, #0E6422, #143C63)
• Wandering Denim color palette (#E7DFD3, #4794B5, #004E7A, #002B2F, #000412)
• Aged Turquoise color palette (#FEF2EF, #BBEFF6, #51B4D4, #487D4D, #12304E)
• Sapphire Hollow color palette (#FEF0DB, #82C4F0, #1271CF, #00505D, #080B4F)
• Orchid Terrace color palette (#FFE4E8, #A15FA3, #8B6800, #006871, #260810)
• Fern Balcony color palette (#E9E0C5, #919F72, #6A682B, #4E3B00, #191900)

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