Tempered Lagoon color palette — #F5F3E1 · #87BA93 · #268B73 · #335672 · #292F1C

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

The five colors

• Cream (#F5F3E1): A whisper-light, dusty green — the color of new leaves after rain.
• Mint Leaf (#87BA93): A luminous, dusty teal — the color of sea glass.
• Fern (#268B73): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#335672): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Forest (#292F1C): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged retro, 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

• Teal Field color palette (#EEF4EA, #59AF93, #247D96, #3D4879, #2B280B)
• Ancient Lantern color palette (#F9F1DF, #B3AF70, #678438, #1A5D5F, #312C18)
• Weathered Delta color palette (#FFF0F7, #8CB76A, #3C8581, #5F5275, #334D4C)
• Mint Alley color palette (#E6FBF3, #8DD195, #61A18B, #51738F, #354D4C)
• Timeworn Alley color palette (#F3F2EA, #C4C6AA, #648F67, #6B6315, #31322B)
• Pale Navy Quarry color palette (#E8ECD6, #009DA1, #00667C, #3B296D, #061D0D)
• Softworn Teal color palette (#FFF2EA, #CDE8AC, #41B7AB, #94607A, #3E4039)
• Tempered Lagoon color palette (#EAF0E1, #1B996C, #324129, #1B2113, #0C0D09)

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