Tempered Lagoon color palette — #F8F1E5 · #AABC86 · #4A8362 · #3E5D4B · #2B2814

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

The five colors

• Cream (#F8F1E5): bright and airy, almost weightless.
• Sage (#AABC86): A luminous, dusty green — the color of new leaves after rain.
• Fern (#4A8362): A full-bodied, dusty teal — the color of glacier melt.
• Pine (#3E5D4B): A full-bodied, dusty teal — the color of glacier melt.
• Onyx (#2B2814): A deep, shadowed, dusty green — the color of fresh herbs.

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 Parlor color palette (#F8F1E4, #90AB65, #2D7453, #603A3D, #1F1D05)
• Worn Ridge color palette (#F4F2E9, #BCCAA1, #708B6E, #695C6B, #2A3700)
• Dusty Fern color palette (#F7F6E6, #AFB38F, #4E815B, #486425, #434700)
• Washed Frost Summit color palette (#E6FBF2, #B7EED6, #7FAA8B, #5C7D83, #233E39)
• Weathered Cerulean color palette (#FCEFEA, #C8E5CC, #5097B8, #3B6A4B, #382338)
• Shell Meadow color palette (#FEEBFC, #E9D4D3, #FAB7AF, #60826A, #3A2934)
• Softworn Study color palette (#EDE5C9, #3EAF4D, #006A5D, #004266, #001D03)
• Timeworn Olive color palette (#F7EFDA, #4F8A37, #00503F, #44172F, #020B00)

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