Tempered Lagoon color palette — #F1F9E3 · #74C7AC · #239383 · #4F6C51 · #2D3A20
Fern and Mint Leaf set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F1F9E3): A whisper-light, dusty green — the color of a quiet forest floor.
- Mint Leaf (#74C7AC): A luminous, balanced teal — the color of sea glass.
- Fern (#239383): A full-bodied, balanced teal — the color of sea glass.
- Pine (#4F6C51): A full-bodied, dusty green — the color of new leaves after rain.
- Forest (#2D3A20): A deep, shadowed, dusty green — the color of new leaves after rain.
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
- Tempered Grove color palette (#FBF5E0, #ACBC84, #6D8C50, #536B4E, #37362F)
- Cypress Terrace color palette (#F4F8E4, #6DAA8F, #007367, #30543F, #293D00)
- Clover Canyon color palette (#EDEFCA, #55C668, #008E55, #006676, #053812)
- Weathered Lagoon color palette (#FAF5E5, #CCD5AE, #429B8F, #366890, #262B07)
- Weathered Fern Study color palette (#F4F7EA, #ADDFC0, #73A993, #6B8477, #44550D)
- Ancient Azure Ridge color palette (#F4F6EE, #A1DEFF, #599DCC, #18788F, #0D443A)
- Powdered Mustard Archive color palette (#EEE3D0, #B4A833, #727825, #73474A, #332702)
- Tempered Basin color palette (#E7F0D8, #008969, #005146, #002F45, #030800)
Browse the whole catalog at Explore, or see today's palette.