Tempered Lagoon color palette — #F8EBE7 · #87C3C5 · #007292 · #00411A · #00020A

Teal and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F8EBE7): bright and airy, almost weightless.
• Ash (#87C3C5): A luminous, dusty teal — the color of glacier melt.
• Teal (#007292): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#00411A): A deep, shadowed, balanced teal — the color of glacier melt.
• Black (#00020A): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, 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 Quarry color palette (#F7ECE4, #93C3AE, #2C64BB, #003E38, #030011)
• Linen Villa color palette (#FFF2EC, #9DD7E4, #0081C4, #00543C, #040136)
• Antique Lagoon color palette (#EFE4D3, #339B9D, #00535F, #002D22, #000509)
• Cerulean Corridor color palette (#E5F2E7, #51C4C6, #0093A8, #006F58, #001720)
• Grape Workshop color palette (#C9E7DC, #007960, #7312C1, #5C0095, #000201)
• Jade Archive color palette (#B3F2BF, #09AA74, #005F29, #00200A, #000200)
• Grape Pier color palette (#E6EDD1, #23A557, #7F17B4, #004920, #020005)
• Periwinkle Market color palette (#DEFACE, #92DFD6, #48A5F4, #6A5200, #000A06)

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