Tempered Lagoon color palette — #F4F2E6 · #94BFA4 · #35837F · #6D4A4A · #242A17

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

The five colors

• Cream (#F4F2E6): bright and airy, almost weightless.
• Mint Leaf (#94BFA4): A luminous, dusty teal — the color of sea glass.
• Teal (#35837F): A full-bodied, dusty teal — the color of sea glass.
• Coffee (#6D4A4A): A full-bodied, dusty red — the color of a theater curtain.
• Onyx (#242A17): A deep, shadowed, 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 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

• Chestnut Loft color palette (#FBF0E3, #BEB38D, #5C7F5D, #754B03, #2D2710)
• Cypress Corridor color palette (#F5F2E5, #7AAE8B, #0A746E, #524600, #192000)
• Tempered Pine color palette (#EDF8CD, #90CCA5, #398A5E, #054B23, #001F0D)
• Hushed Hollow color palette (#EFF5DD, #5F9E6D, #9C69A5, #96496D, #1C2106)
• Washed Basin color palette (#ECF9F5, #9CCFD1, #5D9C9E, #936075, #1D4A4C)
• Linen Olive Ridge color palette (#F7E4C8, #A7AC5B, #6C8A37, #00603F, #00322D)
• Washed Lagoon color palette (#E1E0CA, #2F8B6A, #004E51, #1F3002, #000B05)
• Aged Terrace color palette (#F8F0ED, #CDE4CC, #459AB4, #416A43, #39223C)

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