Tempered Lagoon Harbor color palette — #F4FAD1 · #71BEAB · #389B96 · #1C697E · #315A4F
Built around Fern, softened by Mint Leaf — the whole palette hums with nature and growth.
The five colors
- Custard (#F4FAD1): A whisper-light, dusty green — the color of new leaves after rain.
- Mint Leaf (#71BEAB): A luminous, balanced teal — the color of glacier melt.
- Fern (#389B96): A luminous, balanced teal — the color of glacier melt.
- Peacock (#1C697E): A full-bodied, dusty blue — the color of open sky before noon.
- Pine (#315A4F): A full-bodied, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged muted, cool.
Use it as a design system
One click turns Tempered Lagoon Harbor 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
- Weathered Grove color palette (#E4F4D3, #76C2BC, #3291A6, #386A89, #5D475C)
- Tempered Grove color palette (#CFFAFC, #87C4B7, #2A9FA3, #006E79, #113D51)
- Worn Archive color palette (#FFF4DD, #ACBB83, #529265, #23735E, #3F553F)
- Aqua Villa color palette (#D6FFF9, #94E7D0, #3CD0CA, #4F9DB9, #3D5266)
- Cypress Hollow color palette (#EEF9EE, #6DC0C0, #C7857B, #258182, #534B48)
- Teal Balcony color palette (#E1F0E8, #00BEC1, #008598, #00547E, #303C7E)
- Antique Turquoise Boulevard color palette (#E5FCEC, #4CA6B8, #B17973, #936542, #32493A)
- Tempered Driftwood color palette (#ECF9EB, #C1EBEF, #F9CDE1, #7F8B45, #3F5347)
Browse the whole catalog at Explore, or see today's palette.