Tempered Lagoon color palette — #FAF3F5 · #DADEEC · #9EAFE2 · #3D9695 · #4D506C
A conversation between Cerulean and Mauve, giving this palette its sense of creativity and calm.
The five colors
- Ivory (#FAF3F5): bright and airy, almost weightless.
- Silver (#DADEEC): a clean, paper-quiet neutral.
- Mauve (#9EAFE2): A luminous, dusty violet — the color of a velvet chair.
- Cerulean (#3D9695): A luminous, balanced teal — the color of shallow lagoons.
- Charcoal Brown (#4D506C): A full-bodied, dusty violet — the color of wild irises.
Feels like: Creativity, Calm, Sophistication. Tagged coastal, cool, light, 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
- Mallow Canyon color palette (#FAF4EE, #C3E3F7, #CEBDED, #7D9B7D, #5B474F)
- Periwinkle Coast color palette (#F8F5EF, #C8E8EB, #779BD0, #31798C, #5F4C5A)
- Patina Taupe Drift color palette (#EDF6FF, #82B8E1, #C0A054, #869353, #304557)
- Dusty Cobalt color palette (#E3FAFF, #88CFDB, #61A4D3, #586FAE, #434C6A)
- Azure Coast color palette (#EEF6FF, #A3C8EE, #D6A679, #4091DB, #64414F)
- Aged Spruce Terrace color palette (#F4E9F5, #57A0A1, #00627C, #003F14, #00091A)
- Wandering Cobalt color palette (#F5EBF2, #A0CCE2, #3D8CCB, #006E55, #222859)
- Sapphire Grove color palette (#ECDCE3, #92B6D3, #4A6CD3, #005957, #250E49)
Browse the whole catalog at Explore, or see today's palette.