Lagoon Canyon color palette — #CFF3E4 · #008F6D · #004B52 · #002225 · #000202

Fern and Deep Teal set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#CFF3E4): A whisper-light, dusty teal — the color of shallow lagoons.
• Fern (#008F6D): A full-bodied, balanced teal — the color of sea glass.
• Deep Teal (#004B52): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#002225): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#000202): a grounded near-black with real depth.

Feels like: Trust, Stability, Calm, Sophistication. Tagged noir, dark, luxury, 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

• Patina Olive color palette (#CBE7E1, #408F00, #004E3E, #00231F, #000201)
• Cerulean Terrace color palette (#D9F2FF, #0088A1, #21436A, #00212E, #000203)
• Obsidian Workshop color palette (#E5F5D5, #007154, #2E373C, #00161B, #010100)
• Aged Cypress color palette (#CFE4DC, #007259, #434C56, #002B27, #050C00)
• Teal Terrace color palette (#D2E6EE, #00A5AF, #265F81, #123A46, #000A0B)
• Worn Teal color palette (#CBECF1, #00C5AD, #5A7481, #394E51, #101B1A)
• Weathered Periwinkle color palette (#D7E9FF, #519AFF, #5A5F7D, #303E4F, #070E14)
• Airy Clover Lagoon color palette (#D3EBE1, #6ABE6B, #009574, #62692D, #00201D)

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