Tempered Lagoon color palette — #DBDFF4 · #7C30E9 · #534600 · #003023 · #000E09

A conversation between Violet and Deep Olive, giving this palette its sense of nature and growth.

The five colors

• Frost (#DBDFF4): A whisper-light, dusty violet — the color of a velvet chair.
• Violet (#7C30E9): A full-bodied, vivid violet — the color of wild irises.
• Deep Olive (#534600): A deep, shadowed, balanced green — the color of new leaves after rain.
• Deep Forest (#003023): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000E09): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged vibrant.

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

• Aged Lapis color palette (#E1E8F5, #484FEE, #584300, #1E2D00, #070D00)
• Byzantium Station color palette (#EAE7FF, #9838B2, #105606, #002F29, #000E0C)
• Cellar Grape color palette (#DDDBF6, #8700A7, #363A00, #001F1E, #000504)
• Frosted Garden color palette (#F7D8E4, #956ED0, #8B5600, #004E48, #002622)
• Petrol Corridor color palette (#DFEBF7, #0071AC, #6F3300, #1D2D00, #060D00)
• Magenta Chapel color palette (#FFF1F4, #C95BDE, #964D00, #00451F, #000D1D)
• Washed Alley color palette (#F1E5E9, #7EBAED, #5664AF, #004B4D, #1C0B2F)
• Charred Pier color palette (#EEE7F7, #83005D, #003225, #001417, #000102)

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