Lagoon Canyon color palette — #F3F7F0 · #B2ECDF · #5C9380 · #3F4B34 · #181D12

Fern takes the lead with Sea Foam close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#F3F7F0): a clean, paper-quiet neutral.
• Sea Foam (#B2ECDF): A whisper-light, dusty teal — the color of sea glass.
• Fern (#5C9380): A luminous, dusty teal — the color of glacier melt.
• Deep Olive (#3F4B34): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#181D12): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

Use it as a design system

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

• Weathered Bloom color palette (#ECF8F4, #BCF6CA, #497CA1, #173C55, #05130E)
• Aqua Study color palette (#EDF9EE, #78D5D8, #A4ABD7, #828659, #29352A)
• Patina Orchard color palette (#F1F7F0, #FBD6BB, #67ADA8, #597656, #242F23)
• Weathered Jade Studio color palette (#DDF5E9, #66B867, #004258, #242930, #00090F)
• Worn Cypress color palette (#EEF7F8, #BCC695, #2A6C58, #173F42, #1C272C)
• Muted Cypress color palette (#E7F5F8, #E1B4CB, #00706D, #053841, #0A1619)
• Worn Mint color palette (#F2F8EA, #87C6A6, #BA8573, #856A39, #2D2C17)
• Tempered Pewter color palette (#F1F8E7, #BBE3FF, #8AA3CE, #8D6285, #29463F)

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