Tempered Lagoon color palette — #CBF8F2 · #7DC6A2 · #009D94 · #006170 · #273A4C

A conversation between Fern and Mint Leaf, giving this palette its sense of trust and stability.

The five colors

• Honeydew (#CBF8F2): A whisper-light, dusty teal — the color of sea glass.
• Mint Leaf (#7DC6A2): A luminous, balanced teal — the color of shallow lagoons.
• Fern (#009D94): A luminous, balanced teal — the color of shallow lagoons.
• Peacock (#006170): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Teal (#273A4C): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Muted Cerulean color palette (#C8EFF7, #77C4D8, #108FC1, #3B5884, #2D344B)
• Linen Teal Orchard color palette (#EDFCDA, #A9FCEA, #27C5C0, #2E9299, #344D3D)
• Emerald Boulevard color palette (#DAFBE5, #A8BA79, #629A48, #236B4E, #1F4148)
• Linen Hollow color palette (#D7FAE8, #00AFA1, #007B8B, #004B6A, #082254)
• Cerulean Boulevard color palette (#E1F6FF, #9ADEEA, #0799B1, #005260, #002431)
• Worn Blush color palette (#E4F5FC, #7AC1C9, #D87C91, #00818B, #3C2941)
• Worn Driftwood color palette (#E4F6FA, #D4D8E7, #B4AFA5, #77936B, #2C404A)
• Worn Driftwood Corridor color palette (#FAEEF4, #ABC2AD, #A4775D, #655065, #1E3128)

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