Tempered Lagoon color palette — #F0F5FF · #BBD0FA · #6D80B7 · #314A89 · #29385C

Peacock takes the lead with Slate Blue close behind in a set that reads as creativity and calm at first glance.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Lilac Frost (#BBD0FA): A whisper-light, dusty violet — the color of a velvet chair.
• Slate Blue (#6D80B7): A luminous, balanced violet — the color of a velvet chair.
• Peacock (#314A89): A full-bodied, balanced violet — the color of a velvet chair.
• Navy (#29385C): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Creativity, Calm, Sophistication. Tagged monochrome, muted, cool.

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

• Aubergine Delta color palette (#F4F4FF, #C8C6EE, #9471A9, #684079, #432F50)
• Hushed Field color palette (#EAF8FF, #9CCBE3, #3E8CA1, #005B6E, #00434E)
• Cerulean Drift color palette (#EFF6FF, #DBD8E3, #C5A8A6, #5A8DAF, #485060)
• Periwinkle Atelier color palette (#FFF0FC, #C2D4FF, #769ADF, #5B69A0, #462B41)
• Weathered Iris Thicket color palette (#F3F4FF, #9984BC, #937C44, #366D47, #393B50)
• Denim Grove color palette (#F3F5FC, #A6CBAE, #605683, #313656, #29232F)
• Weathered Pewter Basin color palette (#F4F4FB, #CDB4E4, #B26459, #8059A1, #372834)
• Aubergine Workshop color palette (#E4DBFF, #A080D3, #682FA5, #3D0069, #1E0041)

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