Softworn Lagoon color palette — #E4F6F9 · #00A39A · #166C98 · #3F386D · #0A2504

Turquoise and Peacock set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E4F6F9): a clean, paper-quiet neutral.
• Turquoise (#00A39A): A luminous, balanced teal — the color of shallow lagoons.
• Peacock (#166C98): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#3F386D): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Deep Forest (#0A2504): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged cool.

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

• Dusty Cerulean color palette (#E3F5FF, #009DBC, #4E619D, #562E5F, #002427)
• Powdered Moss color palette (#E0F8F4, #56A344, #00746E, #0B4664, #271D00)
• Cypress Meadow color palette (#EAF4F3, #BFE2F6, #5597B4, #096B74, #192F3F)
• Sunlit Lagoon Quarry color palette (#F0F9EA, #009F84, #4C5FA0, #6D3241, #403800)
• Worn Lagoon color palette (#DFF2F6, #008782, #103642, #06191D, #020709)
• Weathered Ultramarine Pier color palette (#C1E7FD, #007E9C, #1F21D1, #45005D, #001309)
• Weathered Lagoon color palette (#E0F7F6, #8DC1A7, #428370, #335E5B, #152C2C)
• Aubergine Station color palette (#D6E7F9, #006FB8, #582290, #00301A, #000D11)

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