Tempered Lagoon color palette — #F4F4FF · #C0A5D0 · #9DAD6B · #5C9B6D · #413F56
Built around Fern, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Ivory (#F4F4FF): a clean, paper-quiet neutral.
- Mauve (#C0A5D0): A luminous, dusty violet — the color of twilight just after sunset.
- Sage (#9DAD6B): A luminous, balanced green — the color of fresh herbs.
- Fern (#5C9B6D): A luminous, balanced teal — the color of shallow lagoons.
- Charcoal (#413F56): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Sophistication. Tagged 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
- Aged Dune color palette (#EFF6FF, #95B3E0, #C59E5B, #8E9047, #334459)
- Patina Lagoon color palette (#FBF1FF, #DD9CAE, #69B79B, #309CA1, #4B3C51)
- Timeworn Canyon color palette (#FFF1F7, #D2C0FF, #A0C892, #8EAC84, #45323A)
- Muted Pewter Harbor color palette (#EEF8F0, #B0D4C5, #85A58C, #926B54, #314E4A)
- Timeworn Coast color palette (#FFF1F5, #A58AC0, #B37D40, #33857E, #523B43)
- Fuchsia Grove color palette (#EBE8FF, #E089F1, #00A7A0, #00935B, #451C4D)
- Washed Driftwood Coast color palette (#F5F4FC, #ABDCDC, #7F779D, #4F4768, #2C2937)
- Tempered Pewter Boulevard color palette (#F4F4FF, #D2D1FB, #B28DC5, #7F5892, #442B4E)
Browse the whole catalog at Explore, or see today's palette.