Tempered Lagoon color palette — #F1F7F1 · #BADCBA · #C284B0 · #00A0A1 · #3A2829

Built around Cerulean, softened by Dusty Rose — the whole palette hums with nature and growth.

The five colors

• Ivory (#F1F7F1): bright and airy, almost weightless.
• Celadon Mist (#BADCBA): A whisper-light, dusty green — the color of a quiet forest floor.
• Dusty Rose (#C284B0): A luminous, balanced pink — the color of a candy shop window.
• Cerulean (#00A0A1): A luminous, balanced teal — the color of shallow lagoons.
• Espresso (#3A2829): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged duotone, 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

• Patina Delta color palette (#F5F6EF, #B9DCB9, #AA8BCD, #55A058, #37292E)
• Ancient Teal color palette (#ECF7FB, #C8D8F2, #D699BB, #4AABAE, #211C26)
• Aged Turquoise Grove color palette (#EEF8F2, #A8EAFF, #ABB1F1, #61B9D3, #352A31)
• Wandering Station color palette (#F1F7EE, #71C3B3, #B57597, #3A7851, #41433D)
• Antique Chapel color palette (#F0F7F4, #DCD5D3, #A5A99C, #73A2BD, #4C5551)
• Timeworn Indigo Boulevard color palette (#E0FFE0, #ADDDC7, #879BD5, #7C5EAD, #682A59)
• Cobalt Lantern color palette (#F0F6FA, #84CDE3, #6D75C2, #007994, #282E3B)
• Bronze Garden color palette (#FDF1F8, #A1A2DA, #8182B8, #8D5E1E, #23362B)

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