Tempered Lagoon color palette — #FFE1F2 · #FA7CCD · #0097A3 · #009458 · #4C1B3C
A conversation between Bubblegum and Fern, giving this palette its sense of nature and growth.
The five colors
- Blush (#FFE1F2): A whisper-light, dusty pink — the color of a candy shop window.
- Bubblegum (#FA7CCD): A luminous, vivid pink — the color of neon signs at night.
- Cerulean (#0097A3): A luminous, balanced blue — the color of open sky before noon.
- Fern (#009458): A full-bodied, balanced teal — the color of shallow lagoons.
- Mulberry (#4C1B3C): A deep, shadowed, balanced pink — the color of peonies in June.
Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged warm.
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
- Weathered Peony color palette (#FFE3EA, #F45E98, #00A788, #00908F, #4A202F)
- Emerald Quarry color palette (#ECE8FF, #E486F0, #009460, #419200, #402444)
- Feathered Emerald color palette (#FFF0FE, #FE93F9, #20A920, #0098A3, #38141B)
- Tempered Summit color palette (#FFF0FB, #F45C3B, #009A9A, #007575, #3D1F36)
- Emerald Ridge color palette (#EAE8FF, #AEA1FF, #4E902F, #897E00, #302953)
- Patina Turquoise color palette (#FFF1F7, #DAA47E, #62AFD5, #7494C0, #523A45)
- Weathered Delta color palette (#ECD8EF, #D41255, #007A70, #006376, #29000A)
- Amber Harbor color palette (#FADCCA, #D66900, #008DB5, #4D63AE, #3C1900)
Browse the whole catalog at Explore, or see today's palette.