Tempered Lagoon color palette — #FED9D0 · #B1C0FF · #03D288 · #26404A · #1C2A2A

Built around Clover, softened by Lavender — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#FED9D0): A whisper-light, dusty orange — the color of autumn markets.
• Lavender (#B1C0FF): A luminous, balanced violet — the color of wild irises.
• Clover (#03D288): A luminous, vivid teal — the color of shallow lagoons.
• Deep Teal (#26404A): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#1C2A2A): a grounded near-black with real depth.

Feels like: Nature, Growth, Creativity, Balance. Tagged neon, dark, vibrant, 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

• Aqua Pier color palette (#FFE2DA, #D2B2FF, #00CBC5, #314250, #212D30)
• Wandering Mint color palette (#F5E0E4, #BBCEFF, #00EB98, #556825, #24261F)
• Ancient Lime color palette (#F3DCE1, #5DD4FF, #90C618, #183F44, #1F2825)
• Muted Lilac Ridge color palette (#FFEBDE, #AC98FF, #00B19D, #092C32, #02181C)
• Petrol Pier color palette (#ECF8F9, #75BFB0, #506EA5, #006F61, #1C2531)
• Antique Lime color palette (#FFE3E0, #FF94C1, #A4B800, #272D04, #061812)
• Muted Cypress color palette (#EEF7FA, #D6DBE6, #BBBFD0, #318287, #3C4A50)
• Muted Magenta color palette (#E9DED4, #FB48F7, #00A1CC, #1A243B, #06141C)

Browse the whole catalog at Explore, or see today's palette.