Tempered Lagoon color palette — #F0F1FB · #866EB0 · #40374F · #262736 · #16151A

Slate takes the lead with Charcoal close behind in a set that reads as creativity and sophistication at first glance.

The five colors

• Ivory (#F0F1FB): bright and airy, almost weightless.
• Slate (#866EB0): A full-bodied, balanced violet — the color of a velvet chair.
• Charcoal (#40374F): A deep, shadowed, dusty violet — the color of a velvet chair.
• Onyx (#262736): A deep, shadowed, dusty violet — the color of a velvet chair.
• Ink (#16151A): quiet, heavy and certain.

Feels like: Creativity, Sophistication. Tagged noir, dark, luxury, 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

• Lilac Cabin color palette (#F0F1FE, #AF82E5, #57556C, #363741, #202128)
• Washed Archive color palette (#FBEEF3, #C1A9E7, #8B7578, #604F56, #262023)
• Worn Atelier color palette (#EBE1ED, #B44563, #432839, #261A29, #110B10)
• Inked Byzantium Courtyard color palette (#E1DEF3, #A400B9, #4F092A, #19132D, #0B0511)
• Timeworn Emerald Studio color palette (#F6F3FF, #B584B6, #609B51, #31848C, #433F52)
• Smoked Summit color palette (#E7E2F2, #8F0082, #261E12, #360212, #0C0518)
• Worn Pewter Veranda color palette (#F6F3FE, #D09DC6, #57AC8A, #99588E, #2B5557)
• Weathered Lagoon Studio color palette (#EEF8F2, #A5CABF, #5B8F68, #606380, #3F524C)

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