Lagoon Ridge color palette — #E3F6F6 · #408F66 · #2B4046 · #1E2B2B · #0F1618

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

The five colors

• Ivory (#E3F6F6): a clean, paper-quiet neutral.
• Fern (#408F66): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal (#2B4046): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#1E2B2B): a grounded near-black with real depth.
• Ink (#0F1618): a grounded near-black with real depth.

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

Use it as a design system

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

• Midnight Cypress color palette (#DFF2F5, #007A6B, #00313B, #001C21, #00080D)
• Teal Chapel color palette (#E5F6F6, #64AD89, #465D5F, #223D3E, #1A2423)
• Washed Harbor color palette (#EFF4E6, #7ACB9E, #6E816E, #52564B, #22221B)
• Timeworn Teal color palette (#E7F9FF, #4FA7AF, #B0787A, #916643, #2B4751)
• Denim Atelier color palette (#E1F0FF, #005E9A, #1B1545, #000E1E, #000107)
• Dusty Loft color palette (#E9F8FD, #7DBDBC, #C18789, #118382, #5D425E)
• Dusty Cypress color palette (#FAF3F7, #D3D8F2, #76A0B3, #507A5E, #3B566A)
• Timeworn Cocoa Terrace color palette (#E1FDF1, #B3D6D5, #7B9199, #746377, #68494B)

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