Lagoon Workshop color palette — #F2F3E7 · #B3D1B3 · #168C95 · #005C52 · #00262C

Cerulean takes the lead with Pine close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F2F3E7): bright and airy, almost weightless.
• Pistachio (#B3D1B3): A whisper-light, dusty green — the color of new leaves after rain.
• Cerulean (#168C95): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#005C52): A full-bodied, dusty teal — the color of sea glass.
• Midnight (#00262C): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Lagoon Workshop 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

• Dusty Bloom color palette (#F0F4E8, #ADD0C5, #567FAD, #005775, #091F43)
• Cypress Balcony color palette (#F1F3EA, #C8E4D3, #5897B0, #0F6B72, #083427)
• Forest Basin color palette (#FBF2F8, #ABCBD4, #2B859A, #00633E, #043F5E)
• Lagoon Pier color palette (#E8E9D9, #29878D, #00444C, #001F1D, #000202)
• Antique Turquoise color palette (#E2E3D4, #53ABB6, #006374, #003938, #000D13)
• Wandering Pine Ridge color palette (#FCF3EF, #B9EDF4, #61B4C9, #377F5A, #02324B)
• Hushed Fern Harbor color palette (#E9E0C5, #959E6B, #69681D, #483E00, #1C1800)
• Worn Blush color palette (#FFEDEE, #FBCDCD, #E096A6, #7F5A83, #381D1F)

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