Tempered Lagoon color palette — #E3F0FF · #AAADE7 · #976EBA · #70446F · #3E3247

Slate Blue and Charcoal Brown set the tone — five colors that lean into creativity and balance.

The five colors

• Frost (#E3F0FF): A whisper-light, dusty blue — the color of deep harbor water.
• Mauve (#AAADE7): A luminous, balanced violet — the color of a velvet chair.
• Slate Blue (#976EBA): A luminous, balanced violet — the color of wild irises.
• Charcoal Brown (#70446F): A full-bodied, balanced pink — the color of a candy shop window.
• Charcoal (#3E3247): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Balance. Tagged 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

• Powder Villa color palette (#EFF4FF, #BAB1FF, #8F6FB1, #785980, #5E485D)
• Muted Peony Basin color palette (#EFF1FF, #D6A1CC, #BC6993, #8A4A4B, #412939)
• Ancient Driftwood Studio color palette (#F2EFFF, #EABFE6, #9F6AAA, #633D65, #201734)
• Cobalt Archive color palette (#E0F6FF, #7ABFE1, #4F84CD, #5C5A8D, #33324C)
• Antique Pewter color palette (#EFF1FD, #BEA5E5, #77AC74, #7C63A2, #113834)
• Weathered Bloom color palette (#EEF1FF, #F7E5B9, #E6D4DF, #798FB4, #3A3745)
• Antique Meadow color palette (#E6F7EC, #A1C4BA, #8D8356, #6C4E5A, #1A3130)
• Feathered Byzantium color palette (#E4E6F6, #B187FF, #B300A9, #88004F, #470512)

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