Tempered Lagoon color palette — #FFF2EC · #A1D6B0 · #4EB5C8 · #B86667 · #334329
Mocha takes the lead with Cyan close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Pistachio (#A1D6B0): A whisper-light, dusty teal — the color of sea glass.
- Cyan (#4EB5C8): A luminous, balanced blue — the color of a favorite pair of jeans.
- Mocha (#B86667): A luminous, balanced red — the color of late-summer berries.
- Forest (#334329): A deep, shadowed, dusty green — the color of a quiet forest floor.
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
- Antique Studio color palette (#FFF3E9, #9CE0D5, #81B5DD, #B1805A, #3A4D3F)
- Ancient Driftwood Lantern color palette (#FFF3E8, #CDCC83, #6DB697, #A36AA1, #3E3E36)
- Bronze Pier color palette (#F5F6EB, #96D090, #8A9BE0, #B46440, #512F00)
- Worn Fern color palette (#F6F6EA, #CEDBBC, #64BEB7, #809970, #364B02)
- Ancient Chestnut Drift color palette (#F3F8E1, #CFD4BE, #A6C0AB, #B27A80, #754506)
- Periwinkle Basin color palette (#FFF4DD, #00DBE1, #5E9EF7, #9A7300, #003C4B)
- Tempered Mint color palette (#FFDCCD, #00CEAA, #1AA3D9, #A34200, #003030)
- Teal Delta color palette (#F7F7DF, #7DE1CD, #00A6AE, #546091, #273624)
Browse the whole catalog at Explore, or see today's palette.