Soft Lagoon color palette — #DFE3D5 · #3DB372 · #007DAE · #007C45 · #000204

Jade and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#DFE3D5): bright and airy, almost weightless.
• Jade (#3DB372): A luminous, balanced teal — the color of glacier melt.
• Cerulean (#007DAE): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#007C45): A full-bodied, balanced teal — the color of glacier melt.
• Black (#000204): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone.

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

• Moss Studio color palette (#E6E8D6, #58B321, #008485, #347A00, #000202)
• Softworn Petrol Veranda color palette (#DBEAD8, #009F97, #0069A6, #006660, #000202)
• Soft Sapphire color palette (#DBE7D8, #00B1A6, #495AF9, #007770, #050004)
• Muted Mulberry Boulevard color palette (#F2E2C2, #009E8F, #007390, #83004F, #000E0F)
• Airy Lagoon color palette (#DFECDD, #00948E, #5444DB, #800031, #0A0700)
• Cypress Lantern color palette (#E5EDE0, #9BB7AF, #78A09C, #00856F, #0D1706)
• Tempered Mint color palette (#EDF5E4, #00E4A9, #00A8E0, #00A77B, #00141F)
• Nightshade Pier color palette (#D8F0EA, #68A03B, #0043AB, #244600, #000106)

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