Lagoon Harbor color palette — #F6F6EB · #B5DCB6 · #509C6E · #825939 · #272A0F

Fern and Coffee set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F6F6EB): bright and airy, almost weightless.
• Pistachio (#B5DCB6): A whisper-light, dusty green — the color of fresh herbs.
• Fern (#509C6E): A luminous, balanced teal — the color of shallow lagoons.
• Coffee (#825939): A full-bodied, dusty gold — the color of honey in a jar.
• Onyx (#272A0F): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

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

• Gentle Studio color palette (#FEF5DC, #C2CB76, #6C8B00, #7F4900, #1E2100)
• Bronze Grove color palette (#F3F7E9, #C5E4D1, #71AB9C, #976D2F, #2C4000)
• Wandering Corridor color palette (#F4F8E2, #8BCCA4, #008B67, #575400, #001F0E)
• Hushed Jade color palette (#F8F5EA, #B1D5AF, #1BBA92, #9C7499, #35362F)
• Ancient Abyss Studio color palette (#ECEBD8, #60874B, #004A11, #251900, #000200)
• Washed Driftwood Thicket color palette (#EAE0CE, #9D8F36, #505100, #471E00, #010100)
• Antique Market color palette (#E3FBF6, #70AC73, #2F724B, #5D414E, #173D39)
• Forest Thicket color palette (#F5F8DF, #76B288, #00724E, #573100, #000B03)

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