Tempered Lagoon color palette — #E3F5EC · #759874 · #006455 · #003D5C · #001802

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

The five colors

• Cream (#E3F5EC): A whisper-light, dusty teal — the color of shallow lagoons.
• Eucalyptus (#759874): A luminous, dusty green — the color of new leaves after rain.
• Pine (#006455): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#003D5C): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#001802): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Washed Lagoon Market color palette (#D2EBE6, #4F9E77, #006355, #004650, #003031)
• Antique Coast color palette (#F0DCE4, #998E5C, #3E611A, #004241, #161200)
• Weathered Corridor color palette (#F5F7E5, #8DCBA9, #008A76, #005C68, #131C00)
• Forest Workshop color palette (#DDECDD, #8D9265, #1F652E, #572246, #00170F)
• Hushed Navy color palette (#F9EEF6, #8CA98A, #6A672C, #4F3A6E, #09220A)
• Aged Terrace color palette (#ECF4EF, #ADCBC4, #5B8D8F, #6C5A73, #1A3732)
• Aubergine Coast color palette (#ECD9E3, #907432, #3D4A00, #400755, #0C0700)
• Inked Forest color palette (#DFF6EA, #2D6731, #00322A, #2D000B, #000200)

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