Tempered Lagoon color palette — #D4F5EB · #008581 · #005662 · #002E3E · #000F20

Teal and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#D4F5EB): A whisper-light, dusty teal — the color of shallow lagoons.
• Teal (#008581): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#005662): A full-bodied, dusty blue — the color of open sky before noon.
• Midnight (#002E3E): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#000F20): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.

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

• Worn Chapel color palette (#DDF2F2, #00A2AD, #007182, #003F4E, #000E15)
• Navy Meadow color palette (#D2E5E7, #007F9C, #00456D, #001D5D, #0A002E)
• Feathered Summit color palette (#B2ECF6, #45C2CF, #0081A0, #00557A, #172747)
• Quiet Terracotta Canyon color palette (#D5EDFB, #007791, #A11E00, #003D4C, #170100)
• Wandering Olive Garden color palette (#DBE8C7, #1B8D17, #005A39, #002D26, #000C0E)
• Softworn Iris color palette (#C0E6F9, #84AFE0, #8972C9, #005F53, #001222)
• Muted Pier color palette (#D3F3FD, #006376, #8F1300, #592F00, #000406)
• Powdered Navy Station color palette (#C8E9EB, #009AC1, #00679C, #002F84, #170049)

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