Tempered Lagoon color palette — #D5FFFA · #D6DFF3 · #CABCFF · #5B9C70 · #264D65

Fern and Lavender set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#D5FFFA): A whisper-light, dusty teal — the color of sea glass.
• Frost (#D6DFF3): A whisper-light, dusty violet — the color of twilight just after sunset.
• Lavender (#CABCFF): A whisper-light, balanced violet — the color of twilight just after sunset.
• Fern (#5B9C70): A luminous, balanced teal — the color of sea glass.
• Peacock (#264D65): A full-bodied, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Creativity, Sophistication, Softness, Clarity. Tagged pastel, 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

• Hushed Mallow color palette (#ECF7FF, #EAD5E9, #FFA8C7, #199E9F, #2F4262)
• Hushed Wisteria color palette (#D8F3FF, #B6DCFF, #C89CE4, #3B8965, #14374A)
• Teal Coast color palette (#E3FDE9, #BDE7EA, #C4BEB4, #00B695, #0C4556)
• Hushed Workshop color palette (#DEFFEA, #D5E3F8, #81B7EA, #00858E, #00495B)
• Timeworn Ash color palette (#EFF6FF, #E1D9E2, #B7B6A5, #8FACBE, #4C4F5C)
• Peony Balcony color palette (#E2EFFD, #AFABFF, #E2629B, #006A6C, #13183D)
• Mint Harbor color palette (#DEE6C8, #FFA699, #00D0BD, #033F48, #16282B)
• Azure Basin color palette (#ECF7FF, #00A0E4, #A68100, #7F6200, #002F47)

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