Tempered Lagoon color palette — #F3F7E9 · #B1EDEF · #5CB09D · #966E2E · #2A4100

Walnut and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F3F7E9): a clean, paper-quiet neutral.
• Sea Foam (#B1EDEF): A whisper-light, dusty teal — the color of sea glass.
• Turquoise (#5CB09D): A luminous, balanced teal — the color of sea glass.
• Walnut (#966E2E): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#2A4100): A deep, shadowed, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance, 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 Bronze Field color palette (#F7F6EC, #CBE9C5, #7CAC7E, #A0673B, #393932)
• Aged Fern Studio color palette (#F5F7E7, #A3E6CA, #6ABCBA, #AB8584, #334B06)
• Fern Garden color palette (#F6F6E8, #88BDA8, #417F83, #724F4F, #324B07)
• Frosted Pier color palette (#FDF5DC, #C6BF57, #00C79F, #CA7A5E, #332A0F)
• Patina Chapel color palette (#FBF5E4, #9EAA60, #4E6B00, #423D00, #070900)
• Washed Aqua color palette (#F5F6ED, #BAE2EB, #54CDE5, #3E918E, #254736)
• Wandering Lagoon color palette (#E3F7F4, #88BFC1, #39837B, #624B67, #092D2F)
• Moss Study color palette (#FDF4E4, #D8D392, #889231, #66635C, #30270A)

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