Lagoon Canyon color palette — #F2F7F1 · #D0DCD9 · #A2C9C7 · #389184 · #363D34

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

The five colors

• Ivory (#F2F7F1): a clean, paper-quiet neutral.
• Silver (#D0DCD9): a clean, paper-quiet neutral.
• Stone (#A2C9C7): A luminous, dusty teal — the color of sea glass.
• Fern (#389184): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#363D34): quiet, heavy and certain.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Dusty Harbor color palette (#F2F7EF, #CDDDDB, #A1B9B3, #347160, #383C34)
• Worn Cerulean color palette (#F0F7F4, #CFDCDE, #D7BFD1, #308BB1, #2F3F38)
• Patina Cerulean color palette (#D1E5D6, #0090A2, #1C493B, #122719, #090F08)
• Hushed Olive color palette (#FDF4E3, #B3BA82, #678E44, #377058, #37352F)
• Aged Alley color palette (#FDECD2, #21B9B0, #0083AC, #813A54, #1A3821)
• Worn Cocoa color palette (#CDEDCD, #8CC4DD, #6E89C2, #8B6256, #6C3701)
• Denim Cabin color palette (#E7EEE9, #A1BBB1, #A58BA6, #005D6D, #04190D)
• Patina Thicket color palette (#EAF5EA, #00AAAC, #645ED3, #832D45, #362A00)

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