Soft Lagoon color palette — #D7E3D8 · #B7B57A · #B8831B · #A74D1F · #152B07

Built around Terracotta, softened by Mustard — the whole palette hums with nature and growth.

The five colors

• Bone (#D7E3D8): bright and airy, almost weightless.
• Sage (#B7B57A): A luminous, dusty green — the color of new leaves after rain.
• Mustard (#B8831B): A luminous, balanced gold — the color of afternoon light on wheat.
• Terracotta (#A74D1F): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Forest (#152B07): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, warm.

Use it as a design system

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

• Terracotta Harbor color palette (#F5DEEB, #CDAB7E, #C47853, #A14D5A, #292500)
• Taupe Corridor color palette (#DCEDE1, #9FCDBC, #B69A51, #A46A41, #023935)
• Washed Orchard color palette (#F5E7D4, #AD9E69, #946900, #723F00, #2D2300)
• Frosted Garnet color palette (#F3D9E5, #B28833, #A85300, #920024, #0C0C00)
• Ancient Moss Summit color palette (#F5DFC2, #928924, #724C00, #541D04, #100F00)
• Wandering Taupe color palette (#EFF8EF, #C2E2D1, #A2BFA2, #B98370, #324E48)
• Antique Driftwood Hollow color palette (#FFF0F9, #EEC3D0, #D59D89, #B4727F, #254534)
• Indigo Studio color palette (#D9EAFE, #5596EC, #6F72E2, #985800, #001723)

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