Lagoon Pier color palette — #F5F7E6 · #9CE1C4 · #0F9E9B · #526C48 · #222C15

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

The five colors

• Ivory (#F5F7E6): A whisper-light, dusty green — the color of a quiet forest floor.
• Mint (#9CE1C4): A whisper-light, balanced teal — the color of shallow lagoons.
• Cerulean (#0F9E9B): A luminous, balanced teal — the color of sea glass.
• Olive (#526C48): A full-bodied, dusty green — the color of fresh herbs.
• Deep Forest (#222C15): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Wandering Emerald color palette (#F9F5E9, #BFDAAF, #2AA16E, #786013, #2A290C)
• Hushed Jade color palette (#FCF4E7, #C8ECC5, #7FAD70, #667F5E, #3A3831)
• Feathered Basin color palette (#FDF5DF, #9ED778, #009562, #00646E, #102500)
• Periwinkle Corridor color palette (#FAF4EF, #BFE5F4, #49AEF9, #008077, #3E233B)
• Tempered Cypress Archive color palette (#E5F6F2, #73ABAF, #177278, #3B4D28, #002123)
• Wandering Pier color palette (#EEEDDC, #3E8C60, #00463F, #001F2B, #000201)
• Dusty Moss Villa color palette (#EBE0CA, #7E9A35, #005E26, #003233, #010100)
• Aqua Lagoon color palette (#D6FFF8, #2FD6E5, #009DC4, #006092, #0F2B4F)

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