Lagoon Lagoon color palette — #D7E3D6 · #9BD5F6 · #A9AEFC · #2A9764 · #02301F

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

The five colors

• Bone (#D7E3D6): A whisper-light, dusty green — the color of fresh herbs.
• Powder Blue (#9BD5F6): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Lavender (#A9AEFC): A luminous, balanced violet — the color of twilight just after sunset.
• Fern (#2A9764): A luminous, balanced teal — the color of shallow lagoons.
• Deep Forest (#02301F): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged pastel, light.

Use it as a design system

One click turns Lagoon Lagoon 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 Studio color palette (#E9F3D5, #63E0E3, #73B6F6, #7D9647, #002F2B)
• Lilac Corridor color palette (#BEE7F3, #91BEF6, #B596E9, #009185, #001A2B)
• Azure Study color palette (#CDEAF5, #74CFEC, #52A6E1, #007375, #002D39)
• Worn Loft color palette (#EBF7FF, #DED6F1, #ECBDFF, #00BABE, #193E63)
• Worn Iris color palette (#CBE8F1, #7BBDE3, #787FE2, #005A32, #00131A)
• Gentle Wisteria color palette (#E7F1FE, #9CA2E9, #BF78B4, #007087, #0A0B2F)
• Peony Alley color palette (#EAEECA, #FE41C5, #00A9B4, #003C41, #000701)
• Pale Mallow Terrace color palette (#FFE2F8, #EDC5E3, #FFA7CA, #4CA6D5, #35284C)

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