Lagoon Pier color palette — #F4F3E2 · #8EC1A6 · #3B8282 · #694D4D · #242A19

Teal and Mint Leaf set the tone — five colors that lean into sophistication and grounding.

The five colors

• Cream (#F4F3E2): A whisper-light, dusty green — the color of fresh herbs.
• Mint Leaf (#8EC1A6): A luminous, dusty teal — the color of sea glass.
• Teal (#3B8282): A full-bodied, dusty teal — the color of sea glass.
• Coffee (#694D4D): A full-bodied, dusty red — the color of a theater curtain.
• Onyx (#242A19): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: 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

• Airy Quarry color palette (#F8F2D9, #60BF80, #007C74, #653D56, #012811)
• Worn Thicket color palette (#F8F1E5, #C7C69F, #5D8F78, #705B60, #32312B)
• Chestnut Canyon color palette (#F4F7EB, #A7B68F, #46806E, #7A500B, #374A01)
• Lagoon Dune color palette (#E8FAF5, #9DCFD0, #589D97, #786B89, #28494A)
• Forest Basin color palette (#F9EFEC, #C4E7C7, #5597B3, #356C45, #382339)
• Lagoon Ridge color palette (#EDEBD1, #41A279, #006263, #522C2B, #0D1500)
• Hazy Mustard color palette (#FFF1C9, #D6BD56, #8B760C, #493E00, #1B1600)
• Bronze Quarry color palette (#FFEFDB, #C0F7D0, #BAD5B1, #AC694E, #322F29)

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