Denim Lagoon color palette — #F3F7EF · #68A78F · #337B8E · #3A4E91 · #513758

Built around Peacock, softened by Slate — the whole palette hums with trust and stability.

The five colors

• Ivory (#F3F7EF): bright and airy, almost weightless.
• Jade (#68A78F): A luminous, dusty teal — the color of sea glass.
• Slate (#337B8E): A full-bodied, dusty blue — the color of open sky before noon.
• Peacock (#3A4E91): A full-bodied, balanced violet — the color of twilight just after sunset.
• Charcoal (#513758): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged muted, cool.

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

• Weathered Cypress color palette (#F7F5ED, #979D6E, #328163, #005E70, #553650)
• Worn Lantern color palette (#F4F7E6, #BDC4B3, #889682, #5B7970, #5C4D5B)
• Tempered Amber Drift color palette (#F6F1EA, #BC964B, #097E9C, #5A3F69, #3C1C1E)
• Dusty Lagoon Balcony color palette (#FCF2F5, #D8A673, #00A0A3, #815980, #4A3B57)
• Hushed Honey color palette (#EDF8F2, #D5CB64, #81B894, #589299, #583645)
• Muted Aubergine Courtyard color palette (#E8F6EB, #008694, #1F5493, #4D127E, #4E0B32)
• Weathered Lagoon color palette (#F0F8E9, #3A9C80, #006E8B, #5F4200, #274012)
• Linen Navy Delta color palette (#EFFAE2, #00946C, #006574, #003C85, #3F1665)

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