Tempered Lagoon color palette — #D0E6E3 · #438B66 · #004735 · #291700 · #000201

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

The five colors

• Silver (#D0E6E3): A whisper-light, dusty teal — the color of glacier melt.
• Fern (#438B66): A full-bodied, balanced teal — the color of shallow lagoons.
• Forest (#004735): A deep, shadowed, dusty teal — the color of sea glass.
• Onyx (#291700): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#000201): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Timeworn Olive Harbor color palette (#DEF4E9, #73831B, #2D4400, #2A1600, #000201)
• Softworn Summit color palette (#CEE7E3, #46A465, #005C3D, #312C00, #000200)
• Shadow Forest color palette (#E1E3CA, #006942, #003229, #2C0013, #000201)
• Softworn Teal Veranda color palette (#E2F1ED, #62B1B2, #006069, #002C27, #000102)
• Hushed Ridge color palette (#CFE9CF, #905F00, #90007D, #3D2600, #040003)
• Olive Lantern color palette (#E5FBF3, #8DAF67, #267200, #503600, #000A07)
• Emerald Station color palette (#DBF5EF, #00A267, #007168, #653457, #000808)
• Weathered Bronze color palette (#F8DFCD, #A56000, #5C3900, #241600, #020100)

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