Tempered Lagoon color palette — #E8F2E1 · #F8B6A4 · #409A83 · #1C6353 · #11190C

Fern and Melon set the tone — five colors that lean into sophistication.

The five colors

• Cream (#E8F2E1): A whisper-light, dusty green — the color of new leaves after rain.
• Melon (#F8B6A4): A whisper-light, balanced orange — the color of autumn markets.
• Fern (#409A83): A luminous, balanced teal — the color of sea glass.
• Pine (#1C6353): A full-bodied, dusty teal — the color of glacier melt.
• Ink (#11190C): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Sophistication. Tagged luxury, dark, 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

• Softworn Teal color palette (#EFF8F0, #FFC4C1, #4AA4AC, #506B55, #19251B)
• Driftwood Thicket color palette (#F3EFDB, #EDBF8C, #858E4E, #545B26, #191607)
• Dusty Villa color palette (#CDEEDC, #FF9CBA, #008CAF, #00576D, #00140A)
• Hushed Mustard Station color palette (#DDF4F3, #CFB06E, #357151, #024126, #001B1B)
• Softworn Market color palette (#F2F8E9, #E6CD99, #007749, #00311B, #030500)
• Azure Chapel color palette (#FEF0FF, #FFBCA9, #5291D4, #285E95, #231425)
• Worn Coral color palette (#DCE6DB, #F2806F, #007872, #00423F, #000400)
• Hushed Teal color palette (#F1F7F0, #CCDEDD, #D3BBB6, #49B3A8, #343E31)

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