Tempered Lagoon color palette — #EBF4F6 · #D4D8E2 · #BDBBC9 · #2D8482 · #222E32

Teal and Ash set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#EBF4F6): bright and airy, almost weightless.
• Silver (#D4D8E2): bright and airy, almost weightless.
• Ash (#BDBBC9): a calm mid-gray that lets other colors speak.
• Teal (#2D8482): A full-bodied, balanced teal — the color of sea glass.
• Onyx (#222E32): a grounded near-black with real depth.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Washed Lagoon Delta color palette (#EFF7F9, #D6DBE4, #BBBFD1, #1C8388, #3A4B50)
• Washed Summit color palette (#EAF3FD, #D9D3E2, #C0BBD7, #076FB6, #1C2630)
• Lagoon Chapel color palette (#EAF5EB, #96BDAF, #538161, #385A6A, #0A2E24)
• Worn Abyss color palette (#D3E1E6, #95A2AD, #6F7B99, #003E43, #000508)
• Wandering Spruce color palette (#C7F2F2, #98B5C5, #8187A4, #495D4E, #203A28)
• Denim Lagoon color palette (#E5E9F0, #C7CADA, #A69FB5, #325588, #0E1621)
• Tempered Quarry color palette (#FFECF5, #35B2A2, #466BA5, #6B360B, #012735)
• Ancient Lagoon Loft color palette (#E5F5FA, #2A9FA3, #914D55, #64310D, #341400)

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