Denim Lagoon color palette — #ECEFE1 · #83AD94 · #005E78 · #002B2E · #000103

Peacock and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#ECEFE1): bright and airy, almost weightless.
• Sage (#83AD94): A luminous, dusty teal — the color of shallow lagoons.
• Peacock (#005E78): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Forest (#002B2E): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#000103): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Denim 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

• Antique Denim color palette (#DFE2D8, #7AA7CD, #01559C, #002939, #000107)
• Washed Lagoon color palette (#ECDDD4, #63ADC0, #007CB5, #005E53, #000721)
• Cerulean Pier color palette (#D8EBE8, #158EA9, #004358, #002225, #000B13)
• Wandering Lagoon color palette (#CCE7DC, #8ABEF0, #5A88E2, #004858, #000103)
• Ancient Parlor color palette (#D4EFDF, #00778F, #4C5D00, #00313C, #010100)
• Misty Nightshade Field color palette (#D2EBF1, #005F6F, #3E00BF, #003D14, #000102)
• Azure Grove color palette (#F4F6EE, #B8EAEE, #3998E4, #006681, #001D42)
• Washed Lagoon color palette (#F6F6EC, #BBE1E5, #45BABC, #00816B, #00353B)

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