Tempered Lagoon Field color palette — #E2E0D1 · #609D7C · #006261 · #53283F · #00170B

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

The five colors

• Bone (#E2E0D1): A whisper-light, dusty green — the color of new leaves after rain.
• Fern (#609D7C): A luminous, balanced teal — the color of shallow lagoons.
• Peacock (#006261): A full-bodied, dusty teal — the color of glacier melt.
• Mulberry (#53283F): A deep, shadowed, dusty rose — the color of a warm blush.
• Ink (#00170B): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Tempered Lagoon Field 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

• Aged Forest Pier color palette (#F5E8D9, #8F9255, #2E6233, #3E3154, #131300)
• Dusty Cypress Thicket color palette (#F3F4DF, #70AF9B, #00727D, #643644, #122103)
• Forest Alley color palette (#E6E6D6, #639B71, #00644C, #5C3100, #043215)
• Patina Jade color palette (#E1F4E4, #06A976, #006D32, #003517, #000903)
• Ancient Fern color palette (#EADCCF, #847A27, #215100, #3F2200, #0C0700)
• Wandering Quarry color palette (#E1FCF5, #94CAA0, #32886D, #70461F, #001F0A)
• Hushed Hollow color palette (#EAE2CE, #918900, #2E6D00, #003D26, #001915)
• Chestnut Boulevard color palette (#F6F2E5, #C1C7A8, #738B69, #745F10, #30322B)

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