Lagoon Canyon color palette — #F7F7E0 · #86CDA9 · #008880 · #165876 · #131C00

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

The five colors

• Cream (#F7F7E0): A whisper-light, dusty green — the color of a quiet forest floor.
• Mint Leaf (#86CDA9): A luminous, balanced teal — the color of shallow lagoons.
• Fern (#008880): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#165876): A full-bodied, balanced blue — the color of open sky before noon.
• Ink (#131C00): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged botanical, earthy, muted, cool.

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

• Ancient Harbor color palette (#FCF5E1, #A4C792, #368864, #5E4472, #1A1A00)
• Hushed Quarry color palette (#FEF4E4, #BAC17F, #528644, #015E57, #1E1800)
• Teal Veranda color palette (#D2EAEB, #8FC7B8, #1FA69B, #00858E, #002F34)
• Lagoon Coast color palette (#E2EBD8, #43A089, #00635A, #004146, #0A1602)
• Washed Summit color palette (#FFF3E2, #A3A955, #3C6E2C, #39355F, #080800)
• Ancient Driftwood color palette (#FFF3E5, #D9D29C, #7B945A, #77586E, #332601)
• Muted Azure color palette (#FEF3EA, #C3F2DF, #5B93E0, #00696D, #18193F)
• Moss Quarry color palette (#EAE1C8, #759B56, #005D38, #381951, #010200)

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