Tempered Lagoon color palette — #F6F6E9 · #73AA80 · #007459 · #5E3F57 · #35362F
Pine takes the lead with Jade close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#F6F6E9): a clean, paper-quiet neutral.
- Jade (#73AA80): A luminous, balanced teal — the color of glacier melt.
- Pine (#007459): A full-bodied, balanced teal — the color of sea glass.
- Cocoa (#5E3F57): A full-bodied, dusty pink — the color of neon signs at night.
- Espresso (#35362F): quiet, heavy and certain.
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
- Worn Olive Workshop color palette (#FEF4E5, #A39D66, #596C00, #623F4D, #38352E)
- Lagoon Bloom color palette (#E5E6D6, #4B9F74, #006354, #5E2A3D, #242D10)
- Antique Dune color palette (#E9FAF0, #96C387, #3F917A, #6A5D77, #173D37)
- Cobalt Boulevard color palette (#FBF4EA, #A1D2BB, #007FC3, #005F65, #4A2F4A)
- Aged Thicket color palette (#FFE8E7, #C86A96, #008E6F, #8F295F, #004030)
- Muted Lagoon Basin color palette (#ECEFD8, #208F64, #005046, #292659, #151F01)
- Hushed Fern Corridor color palette (#F9F5EA, #C6C39C, #668D65, #795E62, #564F00)
- Raspberry Harbor color palette (#FFDBD6, #BA5078, #657600, #00618F, #40221E)
Browse the whole catalog at Explore, or see today's palette.