Softworn Lagoon color palette — #F3F7EE · #B8C6AB · #568D83 · #526E54 · #47513E

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

The five colors

• Ivory (#F3F7EE): a clean, paper-quiet neutral.
• Pistachio (#B8C6AB): A luminous, dusty green — the color of fresh herbs.
• Storm Blue (#568D83): A luminous, dusty teal — the color of glacier melt.
• Pine (#526E54): A full-bodied, dusty green — the color of a quiet forest floor.
• Charcoal Brown (#47513E): A full-bodied, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, 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

• Driftwood Basin color palette (#F6F6EC, #C1C3AC, #7C8943, #567031, #4F5100)
• Washed Summit color palette (#ECF8F5, #B0DBD9, #64AB9F, #658294, #3E5251)
• Dusty Thicket color palette (#E5E9D9, #52876C, #00513F, #003445, #002113)
• Indigo Atelier color palette (#FFF0F7, #B0A9D4, #4AAAA9, #7465AD, #3C543C)
• Timeworn Olive Workshop color palette (#F9F6E4, #93AE6E, #497834, #005D5C, #32401B)
• Tempered Iris Canyon color palette (#FFF1F6, #E4D6D3, #DFBBAC, #8882B8, #634C53)
• Wandering Onyx Meadow color palette (#E9DEC9, #766D26, #393B00, #460019, #131000)
• Airy Station color palette (#F6EAD3, #9E934E, #5E5F00, #7D0B2D, #352E00)

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