Tempered Lagoon color palette — #EDF4EB · #269A90 · #855685 · #6F3822 · #201E0D

Fern and Slate set the tone — five colors that lean into optimism and creativity.

The five colors

• Cream (#EDF4EB): a clean, paper-quiet neutral.
• Fern (#269A90): A luminous, balanced teal — the color of shallow lagoons.
• Slate (#855685): A full-bodied, balanced pink — the color of neon signs at night.
• Bronze (#6F3822): A full-bodied, balanced orange — the color of toasted spice.
• Onyx (#201E0D): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Optimism, Creativity, Sophistication. Tagged jewel, 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

• Muted Study color palette (#E7F6F0, #5698BB, #965D65, #624D1F, #151D10)
• Petrol Quarry color palette (#F2F3E6, #72955C, #60649E, #67344F, #21180B)
• Patina Dune color palette (#ECF7FD, #4D8C99, #556399, #7F3C1A, #203843)
• Worn Summit color palette (#FBF0E0, #78B7C0, #587C9D, #724345, #1B3226)
• Patina Mulberry Meadow color palette (#E2F9E7, #007B86, #9A006D, #4C2B00, #001505)
• Terracotta Quarry color palette (#FAEDFB, #5480BB, #963E2B, #3E3F00, #051503)
• Cerulean Studio color palette (#E4F1EB, #308EB2, #433644, #15211C, #080E0A)
• Ancient Bronze Delta color palette (#ECF8FA, #6EB6AA, #9E6FA6, #A05531, #1F3A34)

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