Tempered Lagoon color palette — #FFF0F9 · #B8BEFF · #BEB275 · #8286C0 · #504D46
Lavender and Slate Blue set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FFF0F9): bright and airy, almost weightless.
- Lavender (#B8BEFF): A luminous, balanced violet — the color of wild irises.
- Sage (#BEB275): A luminous, balanced green — the color of new leaves after rain.
- Slate Blue (#8286C0): A luminous, balanced violet — the color of twilight just after sunset.
- Charcoal Brown (#504D46): quiet, heavy and certain.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged 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
- Tempered Mint color palette (#FFF1F3, #E5B0E2, #87C28E, #A67BA4, #4C4E47)
- Wandering Powder Lagoon color palette (#E9FAF2, #74D1FF, #D9A47C, #5595B6, #524C46)
- Washed Cobalt color palette (#FFF1F8, #ADA9DD, #B2945B, #7069A8, #514C46)
- Tempered Lilac Meadow color palette (#F1F5FF, #CCD1FF, #D5C881, #9A9FF4, #345643)
- Weathered Lilac Villa color palette (#FFF0F8, #ACA4FE, #D09578, #6B9F8A, #4F3C46)
- Ash Basin color palette (#FFF1F7, #D5CDFF, #A395CD, #6F6490, #4A2C3C)
- Sand Veranda color palette (#FFF1F4, #EBCD90, #916F96, #5E454A, #35272A)
- Airy Grape Chapel color palette (#FFF1F6, #CDADFF, #8EA800, #7B49B6, #354000)
Browse the whole catalog at Explore, or see today's palette.