Tempered Lagoon color palette — #C4EFE1 · #009B99 · #006A7F · #00426B · #0B1F4F

Cerulean and Midnight set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#C4EFE1): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#009B99): A luminous, balanced teal — the color of shallow lagoons.
• Peacock (#006A7F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#00426B): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Midnight (#0B1F4F): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged 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

• Hushed Summit color palette (#D2F3E8, #00B0AD, #00687C, #003F59, #000B1A)
• Cerulean Courtyard color palette (#CFF4F6, #008B99, #005262, #00323F, #0A172E)
• Powdered Navy Corridor color palette (#CBEBE9, #00889C, #005E86, #031D88, #1C0042)
• Quiet Azure color palette (#CBE3F3, #0DA1F4, #006E95, #003B56, #00080F)
• Rust Delta color palette (#D7EAF6, #0094BA, #C34600, #005C75, #330C00)
• Wisteria Basin color palette (#CAE6F5, #A4C4FF, #C38ED1, #007561, #00273B)
• Chalky Emerald Drift color palette (#D8E6C5, #23AA1D, #007152, #004947, #002830)
• Pale Aqua color palette (#B8FAEB, #1DD1E2, #029CC6, #4572A3, #3F4A6A)

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