Tempered Lagoon color palette — #F0F8ED · #8ED4CB · #E09BAA · #389F95 · #66433C

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

The five colors

• Ivory (#F0F8ED): bright and airy, almost weightless.
• Lagoon (#8ED4CB): A whisper-light, dusty teal — the color of sea glass.
• Ballet Pink (#E09BAA): A luminous, balanced red — the color of late-summer berries.
• Fern (#389F95): A luminous, balanced teal — the color of sea glass.
• Cocoa (#66433C): A full-bodied, dusty orange — the color of toasted spice.

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

• Hushed Atelier color palette (#F5F7E4, #AFCFA5, #C7A0D8, #749868, #683F4B)
• Apricot Coast color palette (#E8FAF2, #92CDEF, #DEA27D, #5794B6, #524C47)
• Tempered Alley color palette (#EBF8FB, #93E7DB, #FDADBB, #40BFB1, #58455C)
• Timeworn Bloom color palette (#EFF9EC, #9EB996, #C38590, #00847A, #694139)
• Hushed Ash color palette (#EAFBE9, #6FC2BF, #B795CB, #B08B5A, #364835)
• Patina Sand color palette (#EEF8F3, #E4CEA1, #5B8974, #385447, #232E29)
• Tempered Bronze Courtyard color palette (#FFF2EA, #DCC6B4, #B7937B, #A36145, #633F00)
• Soft Summit color palette (#E1FEE8, #00C4D8, #FD5D5D, #008795, #6E1117)

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