Tempered Lagoon color palette — #D8F2FD · #3096E6 · #314ADB · #3D008A · #17001A
Cobalt and Royal Purple set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#D8F2FD): A whisper-light, dusty blue — the color of open sky before noon.
- Azure (#3096E6): A luminous, balanced blue — the color of open sky before noon.
- Cobalt (#314ADB): A full-bodied, vivid violet — the color of wild irises.
- Royal Purple (#3D008A): A deep, shadowed, vivid violet — the color of wild irises.
- Ink (#17001A): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Trust, Stability, Creativity, Energy. 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
- Airy Aubergine color palette (#D1EEF2, #00A1CE, #0064B0, #39009F, #0D0021)
- Linen Grape Atelier color palette (#D8EDFD, #6893F7, #672EDA, #58006D, #180015)
- Patina Nightshade Corridor color palette (#C3E9FC, #007FD1, #2C27BE, #3C1272, #380C3E)
- Nightshade Veranda color palette (#D3E8FE, #0068E5, #221DB9, #24006B, #0F0025)
- Sunlit Courtyard color palette (#DCEBFA, #4D94FF, #5E64FF, #573FBB, #250E45)
- Grape Basin color palette (#FFE6F3, #8D81E8, #937700, #5100C7, #0B0700)
- Grape Market color palette (#F4F0FF, #AA9DFA, #7437C0, #31006A, #010008)
- Hushed Ridge color palette (#C2EADC, #00AEB1, #006E91, #003453, #05002B)
Browse the whole catalog at Explore, or see today's palette.