Tempered Lagoon color palette — #F1DDE6 · #8AB1A3 · #328A7F · #654E6A · #4E3C52

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

The five colors

• Shell Pink (#F1DDE6): A whisper-light, dusty rose — the color of a warm blush.
• Sage (#8AB1A3): A luminous, dusty teal — the color of glacier melt.
• Fern (#328A7F): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal Brown (#654E6A): A full-bodied, dusty pink — the color of neon signs at night.
• Charcoal (#4E3C52): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Lagoon Bloom color palette (#C5EAC9, #90B38E, #1D8A92, #744449, #4D374F)
• Antique Taupe color palette (#F7DDFB, #C79F7A, #637E59, #674F74, #464361)
• Jade Courtyard color palette (#E4ECD0, #78AC7B, #607A59, #644753, #391E21)
• Wandering Sand color palette (#F1E6B6, #B1D0AA, #76B4B4, #9F7979, #613C52)
• Softworn Meadow color palette (#E0FDF0, #ACCACB, #7098B1, #886873, #654B47)
• Wandering Petrol color palette (#E0F4EF, #66A6AA, #4762A4, #4D4809, #214233)
• Sunlit Jade Balcony color palette (#F7E2C3, #77AC6E, #007888, #723F00, #523400)
• Softworn Terrace color palette (#FFF1F5, #A19E63, #3C722E, #65431B, #233B30)

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