Lagoon Pier color palette — #F4F6ED · #A5B790 · #00857B · #576016 · #334B06

Teal and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F4F6ED): bright and airy, almost weightless.
• Sage (#A5B790): A luminous, dusty green — the color of a quiet forest floor.
• Teal (#00857B): A full-bodied, balanced teal — the color of sea glass.
• Olive (#576016): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#334B06): A deep, shadowed, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Balance, 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

• Antique Fern color palette (#F8F5EB, #C4C3A5, #5D8F64, #5C6B55, #544F00)
• Weathered Cypress color palette (#F7F7E1, #78B388, #007C60, #005C62, #3A3B35)
• Dusty Lagoon color palette (#E5FBF5, #9AD3BA, #429FA4, #597A71, #304748)
• Dusty Aqua color palette (#CBEFCC, #3DC5D6, #0085A6, #006186, #225347)
• Hushed Bloom color palette (#E4E7D2, #5C9B7E, #006357, #004651, #003220)
• Quiet Moss color palette (#F3EAD6, #889E00, #2D6B00, #00503C, #2A3204)
• Fern Canyon color palette (#EDE5D4, #788132, #2B5000, #00334A, #211A00)
• Antique Amber Study color palette (#E9FAF1, #41ADD7, #CB6C2E, #007092, #5E3821)

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