Tempered Lagoon color palette — #F8F5EB · #A6A662 · #598F60 · #6A5E92 · #39362F

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

The five colors

• Ivory (#F8F5EB): a clean, paper-quiet neutral.
• Sage (#A6A662): A luminous, balanced green — the color of fresh herbs.
• Fern (#598F60): A full-bodied, balanced green — the color of fresh herbs.
• Slate (#6A5E92): A full-bodied, balanced violet — the color of a velvet chair.
• Espresso (#39362F): quiet, heavy and certain.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged jewel, vibrant, 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

• Wandering Teal color palette (#F0F8EE, #66B3A7, #51968B, #655C8D, #39352F)
• Washed Balcony color palette (#FAF5E9, #AEA361, #649673, #2E7472, #47312E)
• Cocoa Garden color palette (#FFF2E9, #DCB689, #779E7A, #766590, #5A4400)
• Ancient Lagoon Garden color palette (#FFF1F6, #DCA671, #00A197, #7D5476, #321F26)
• Navy Cabin color palette (#F1F7F0, #AF8450, #007B8A, #4C448C, #392C3A)
• Stone Drift color palette (#F9F4EC, #C5AF75, #7A8BB9, #6C618C, #5A3545)
• Wandering Terrace color palette (#FBF5E0, #95941E, #007691, #852E33, #221B03)
• Wandering Pine Workshop color palette (#FFF2EA, #EDCD9C, #99A36D, #4C7F56, #00544D)

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