Tempered Lagoon color palette — #EFF9E9 · #007661 · #7B3D00 · #3F3500 · #1F2002

A conversation between Bronze and Teal, giving this palette its sense of nature and growth.

The five colors

• Ivory (#EFF9E9): A whisper-light, dusty green — the color of fresh herbs.
• Teal (#007661): A full-bodied, balanced teal — the color of shallow lagoons.
• Bronze (#7B3D00): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#3F3500): A deep, shadowed, dusty green — the color of new leaves after rain.
• Onyx (#1F2002): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged jewel, vibrant, 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

• Hushed Atelier color palette (#E9FAF0, #007287, #5B4F00, #0C3D00, #12240D)
• Moonless Alley color palette (#D7F0E0, #005462, #382E00, #092100, #000807)
• Ancient Cerulean Balcony color palette (#EBF9F4, #5B8EB5, #627442, #1E5A43, #25382A)
• Pale Pier color palette (#F2F4FF, #7F72CC, #9C4F86, #684F00, #002628)
• Faded Mulberry Veranda color palette (#FDECFA, #4663AC, #8A195E, #393500, #000D07)
• Ember Lagoon color palette (#E4FAFB, #35C98D, #E16433, #8E6600, #002720)
• Antique Amethyst Orchard color palette (#FFF0F8, #6A4BDC, #00654A, #00444E, #0C2441)
• Timeworn Petrol Basin color palette (#F9F3F9, #E1D6D8, #C0ADB9, #3E659A, #413641)

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