Tempered Lagoon color palette — #DDE8DD · #958E55 · #416000 · #563600 · #063120

A conversation between Olive and Cocoa, giving this palette its sense of nature and growth.

The five colors

• Parchment (#DDE8DD): bright and airy, almost weightless.
• Moss (#958E55): A luminous, dusty green — the color of fresh herbs.
• Olive (#416000): A full-bodied, balanced green — the color of new leaves after rain.
• Cocoa (#563600): A deep, shadowed, dusty gold — the color of honey in a jar.
• Deep Forest (#063120): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, 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

• Worn Forest color palette (#D4EBDE, #799852, #006637, #5C2B3D, #003128)
• Fern Quarry color palette (#EBFAEE, #9AA165, #417136, #5C481B, #223B32)
• Fern Villa color palette (#F9EDD7, #979046, #555A00, #3C3832, #181100)
• Tempered Moss Cabin color palette (#F1E2CC, #C3BC7C, #879A52, #887146, #332705)
• Hushed Thicket color palette (#D5F4E8, #228034, #004234, #202500, #001502)
• Ancient Teal Field color palette (#ADF4E6, #00AF93, #00675C, #003129, #001B14)
• Plum Bloom color palette (#BFE7E9, #009570, #A92D93, #005740, #43113A)
• Misty Mulberry color palette (#CAE9E8, #008052, #9E008F, #92002C, #002716)

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