Lagoon Pier color palette — #F3F3E5 · #91C0A3 · #04877B · #6C4A4F · #252A19

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

The five colors

• Cream (#F3F3E5): a clean, paper-quiet neutral.
• Mint Leaf (#91C0A3): A luminous, dusty teal — the color of glacier melt.
• Teal (#04877B): A full-bodied, balanced teal — the color of sea glass.
• Coffee (#6C4A4F): A full-bodied, dusty red — the color of a theater curtain.
• Onyx (#252A19): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Cypress Summit color palette (#F3F3E3, #7BAD93, #00746D, #60374D, #172005)
• Worn Bloom color palette (#F9F0E7, #BBB585, #618135, #6B495C, #2E2611)
• Weathered Stone color palette (#E9F9F5, #A0D2B3, #609C93, #756C89, #304747)
• Aged Mulberry Alley color palette (#FFEDE9, #DA8997, #00A494, #A63653, #002F2A)
• Muted Iris Field color palette (#F6F1EC, #C1E6DA, #718CC6, #006B75, #3E2133)
• Washed Peony color palette (#FFEDEA, #CF6686, #00947D, #007791, #2D1714)
• Linen Moss color palette (#F5E1C7, #9F9A00, #3B6A00, #402C7A, #181700)
• Garnet Field color palette (#FFEDE9, #DFD8C8, #D6BF8A, #A1729D, #571E00)

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