Softworn Lagoon color palette — #F3F3E5 · #87C3A4 · #34847D · #405C51 · #232A18

A conversation between Teal and Mint Leaf, giving this palette its sense of sophistication and grounding.

The five colors

• Cream (#F3F3E5): a clean, paper-quiet neutral.
• Mint Leaf (#87C3A4): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#34847D): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal Brown (#405C51): A full-bodied, dusty teal — the color of glacier melt.
• Onyx (#232A18): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Softworn 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 Olive Veranda color palette (#FCF0E0, #B7B784, #5F804B, #644D5B, #2D2713)
• Worn Cypress color palette (#EAF9F3, #8ABAB8, #30827C, #465C72, #2D4847)
• Pale Clover color palette (#F9F3D6, #6ABE6C, #007E62, #5E3D68, #0A280C)
• Wandering Cypress Lantern color palette (#F9F0E9, #B5E4FF, #6F90BA, #156B6D, #3D2135)
• Emerald Hollow color palette (#EAE9D5, #42A36B, #006358, #4D2A4B, #0F1500)
• Antique Shell color palette (#FFECF3, #E7D2CA, #F4ADB1, #6F87AE, #422D31)
• Pale Orchid Summit color palette (#FFECF3, #A16FE4, #7C8734, #587541, #2D1520)
• Soft Courtyard color palette (#FFECF4, #AD8FF1, #849747, #6B569B, #2D2805)

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