Tempered Lagoon color palette — #EFF3ED · #CFDAD7 · #A1B6BD · #588F80 · #343732

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

The five colors

• Cream (#EFF3ED): bright and airy, almost weightless.
• Silver (#CFDAD7): bright and airy, almost weightless.
• Ash (#A1B6BD): A luminous, dusty blue — the color of a favorite pair of jeans.
• Fern (#588F80): A luminous, dusty teal — the color of sea glass.
• Charcoal (#343732): 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

• Timeworn Loft color palette (#ECF4F1, #DDD0CE, #C8B4B6, #4D7A9B, #242F2B)
• Patina Balcony color palette (#EDF7F8, #D5DCE5, #B4AAB0, #588C8F, #4A5555)
• Softworn Fern color palette (#F6F1EA, #CEC3A1, #798A5D, #586A26, #33312A)
• Wandering Drift color palette (#FBF0DF, #74BBAF, #1285A3, #723F56, #213122)
• Tempered Field color palette (#D9E5DF, #A1B9B3, #9F8399, #004A64, #030E09)
• Petrol Terrace color palette (#EAF2E8, #829285, #417286, #00312D, #000200)
• Hushed Indigo Delta color palette (#EDF4EC, #5BACA6, #6D67AD, #713A36, #2D2805)
• Tempered Cocoa Garden color palette (#EAF6E8, #BCD0C4, #AD8FAC, #78625C, #662F00)

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