Tempered Lagoon color palette — #F1F7EE · #98D2C3 · #E09BA3 · #00A38B · #66433A

A conversation between Fern and Rosewood Mist, giving this palette its sense of sophistication.

The five colors

• Ivory (#F1F7EE): a clean, paper-quiet neutral.
• Pistachio (#98D2C3): A luminous, dusty teal — the color of sea glass.
• Rosewood Mist (#E09BA3): A luminous, balanced red — the color of late-summer berries.
• Fern (#00A38B): A luminous, balanced teal — the color of shallow lagoons.
• Cocoa (#66433A): A full-bodied, dusty orange — the color of autumn markets.

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

• Cerulean Veranda color palette (#ECF9F1, #90D0E3, #D5A778, #009CBB, #634627)
• Washed Emerald Quarry color palette (#F5F6EA, #B1CEA9, #C5A0DB, #609F4F, #683F4C)
• Antique Seafoam color palette (#EDFAE9, #87EADC, #FAAEC2, #73B7AD, #63443F)
• Softworn Blush Lantern color palette (#E8F9FC, #73C0B5, #D37894, #008579, #58455F)
• Driftwood Study color palette (#EDF9EC, #73C1BD, #D68D97, #B97860, #354834)
• Aged Grove color palette (#F0F8ED, #F6D0E4, #BEDFEE, #91A578, #3C5142)
• Hushed Thicket color palette (#E6FCE8, #00C5D0, #F8654F, #00888F, #6E1307)
• Patina Veranda color palette (#EEF8F4, #EEC8B6, #5A839F, #2B516B, #232E2A)

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