Tempered Lagoon color palette — #EAF4F2 · #9BCFCA · #628E73 · #4E6570 · #233533

Fern takes the lead with Stone close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#EAF4F2): a clean, paper-quiet neutral.
• Stone (#9BCFCA): A luminous, dusty teal — the color of sea glass.
• Fern (#628E73): A luminous, dusty teal — the color of sea glass.
• Graphite (#4E6570): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Forest (#233533): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Tempered 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

• Worn Olive color palette (#E3F7EF, #A8BC8A, #5F804E, #634D5C, #132D26)
• Muted Alley color palette (#EAF4F3, #CFDBF0, #6BA6BD, #487280, #243947)
• Weathered Ash Courtyard color palette (#F0F7F1, #B7DACF, #73A6A5, #81798D, #3B534B)
• Worn Driftwood color palette (#F7F5EB, #C1C4A0, #778A47, #725E71, #4F5100)
• Worn Teal Parlor color palette (#DFF8F7, #4CBF9B, #007D6C, #20526C, #002629)
• Weathered Emerald Villa color palette (#C8EEE7, #38AF57, #006D43, #5B3309, #001C06)
• Softworn Olive color palette (#D5E7DE, #777F28, #394C00, #471815, #000B06)
• Shadow Forest color palette (#D9EFEC, #00693F, #003224, #00171F, #000202)

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