Tempered Lagoon color palette — #E7F1F5 · #BBBFD1 · #ABA2C3 · #009298 · #0C2329
A conversation between Cerulean and Mauve, giving this palette its sense of trust and stability.
The five colors
- Cream (#E7F1F5): a clean, paper-quiet neutral.
- Ash (#BBBFD1): A luminous, dusty violet — the color of a velvet chair.
- Mauve (#ABA2C3): A luminous, dusty violet — the color of a velvet chair.
- Cerulean (#009298): A full-bodied, balanced teal — the color of sea glass.
- Midnight (#0C2329): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Patina Emerald color palette (#E0EAE9, #B4C2CF, #9AAAD0, #289752, #122322)
- Tempered Cobalt Veranda color palette (#E8EEF4, #C4BCD0, #BB9EBB, #0F84D9, #14202D)
- Worn Petrol Boulevard color palette (#D8E1DA, #B6C9C0, #88A8C9, #006D7A, #122418)
- Patina Azure Dune color palette (#ECF7FF, #DBD7F0, #E7B4D7, #00A6DD, #26353F)
- Muted Abyss color palette (#E7EFE8, #A3B9B0, #9C859A, #004D54, #030E05)
- Denim Ridge color palette (#D8DFE8, #A69CB0, #987F95, #2863AB, #040912)
- Timeworn Lagoon Atelier color palette (#D6E5DA, #95B36C, #009665, #0C6E88, #131F00)
- Wandering Cobalt color palette (#C8E2F5, #0084B5, #3A3A73, #002033, #000203)
Browse the whole catalog at Explore, or see today's palette.