Softworn Olive Lagoon color palette — #F3F3E4 · #528816 · #006255 · #004154 · #3D2600

Built around Olive Leaf, softened by Pine — the whole palette hums with nature and growth.

The five colors

• Cream (#F3F3E4): bright and airy, almost weightless.
• Olive Leaf (#528816): A full-bodied, balanced green — the color of new leaves after rain.
• Pine (#006255): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Teal (#004154): A deep, shadowed, dusty blue — the color of open sky before noon.
• Espresso (#3D2600): A deep, shadowed, dusty gold — the color of old brass.

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

Use it as a design system

One click turns Softworn Olive 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

• Washed Orchard color palette (#EEF5E4, #008D5E, #005F6C, #103775, #2D2E00)
• Patina Pine Garden color palette (#DCE7CF, #71AD57, #148519, #005E2B, #15412A)
• Powdered Olive Quarry color palette (#F8F2DE, #817A00, #006530, #004445, #002E4C)
• Misty Fern Villa color palette (#F9F0E4, #996F00, #3E5F00, #004539, #4A1917)
• Hushed Coast color palette (#F5F7EB, #7CA789, #157454, #504D20, #303B00)
• Airy Olive Cabin color palette (#FAF5E3, #E3BE56, #A6A200, #478900, #2E350C)
• Worn Bloom color palette (#E2E4CE, #276900, #00403C, #002234, #181000)
• Washed Cypress color palette (#E4E7C0, #9AA382, #3D816F, #265773, #513652)

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