Tempered Lagoon color palette — #F2F7F1 · #D3DDDC · #BAAFA5 · #3B928A · #4D554B

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

The five colors

• Ivory (#F2F7F1): a clean, paper-quiet neutral.
• Silver (#D3DDDC): a clean, paper-quiet neutral.
• Ash (#BAAFA5): a calm mid-gray that lets other colors speak.
• Fern (#3B928A): A luminous, balanced teal — the color of glacier melt.
• Charcoal Brown (#4D554B): 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

• Patina Lagoon Corridor color palette (#ECF3F6, #D2D7DE, #B6B0C2, #558E8C, #2E383B)
• Wandering Chestnut color palette (#FEF3E8, #84B598, #487E9D, #7E4C0B, #3C4D38)
• Softworn Driftwood Station color palette (#FAF4ED, #C7C1AA, #808741, #516E57, #5D4B00)
• Timeworn Denim color palette (#E7F2EE, #C0B5BC, #A1868C, #004972, #09251E)
• Bronze Field color palette (#F2F9DE, #B2CABA, #A18997, #886420, #4E4F00)
• Patina Spruce color palette (#DFE8DF, #8F9E98, #81687A, #003234, #020D03)
• Timeworn Iris color palette (#EEF8EF, #ABEAF6, #6CD3E2, #988ED7, #305544)
• Worn Navy Study color palette (#E4DDE3, #B4A4AA, #9A7476, #002394, #1F0B1D)

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