Soft Lagoon color palette — #D7FCF9 · #8BDBD9 · #5B97E5 · #5F5900 · #113C42

Cornflower and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#D7FCF9): A whisper-light, dusty teal — the color of shallow lagoons.
• Ice Blue (#8BDBD9): A whisper-light, dusty teal — the color of sea glass.
• Cornflower (#5B97E5): A luminous, balanced blue — the color of open sky before noon.
• Olive (#5F5900): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Teal (#113C42): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged pastel, light, cool.

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

• Periwinkle Boulevard color palette (#E1FBFA, #A0E9EB, #92A9FF, #677339, #284B53)
• Chalky Forest color palette (#C6F7FE, #8DCDF4, #A897E6, #206A24, #123647)
• Turquoise Basin color palette (#D8FCE5, #A6CBA5, #00B7D1, #8D4F07, #133D37)
• Muted Canyon color palette (#D0E6E7, #46BCDE, #6C7EF2, #2C5900, #002831)
• Seafoam Coast color palette (#DFF5CD, #57DBD5, #3CAFD0, #3E6D44, #0F2205)
• Frosted Seafoam Pier color palette (#C2F8FC, #62ECE6, #6DBFDF, #588F5A, #093B41)
• Worn Plum Summit color palette (#D5E9F6, #8A8ECF, #A14681, #003F3B, #000E22)
• Worn Lagoon color palette (#EAF8FF, #D9DAE5, #B4ADA0, #5F8E94, #475561)

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