Lagoon Coast color palette — #F2F7EE · #CCD8A8 · #3E8E79 · #425335 · #282D25

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

The five colors

• Ivory (#F2F7EE): bright and airy, almost weightless.
• Pistachio (#CCD8A8): A whisper-light, dusty green — the color of a quiet forest floor.
• Fern (#3E8E79): A full-bodied, balanced teal — the color of glacier melt.
• Deep Olive (#425335): A full-bodied, dusty green — the color of fresh herbs.
• Onyx (#282D25): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Petrol Canyon color palette (#EAF9F4, #9FD2B0, #4176A4, #184D41, #172521)
• Ancient Bone color palette (#E9F8FB, #C4E9CB, #75A8B2, #4F747B, #1F2E31)
• Muted Delta color palette (#EEF8EF, #EAB38F, #1E6A6D, #2B3E2C, #1D2725)
• Dusty Courtyard color palette (#F0F7F3, #D1DDDE, #A6B5BF, #7CA791, #4C5550)
• Jade Workshop color palette (#D4E2D7, #82B666, #00616C, #002F35, #001004)
• Shadow Quarry color palette (#D8E7D3, #668000, #00332E, #13101C, #000806)
• Muted Blush Harbor color palette (#F9F5E9, #ADB16A, #D17E9A, #A7675D, #3F3D36)
• Raspberry Grove color palette (#FBF2F7, #9FA2DC, #B96480, #965D4B, #38342E)

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