Tempered Lagoon color palette — #F4F2E5 · #8EB88F · #3E896E · #235777 · #2A2F1A
A conversation between Fern and Peacock, giving this palette its sense of nature and growth.
The five colors
- Cream (#F4F2E5): a clean, paper-quiet neutral.
- Sage (#8EB88F): A luminous, dusty green — the color of new leaves after rain.
- Fern (#3E896E): A full-bodied, balanced teal — the color of sea glass.
- Peacock (#235777): A full-bodied, dusty blue — the color of deep harbor water.
- Deep Forest (#2A2F1A): A deep, shadowed, dusty green — the color of new leaves after rain.
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
- Hushed Cerulean color palette (#F2F3E5, #72BAB8, #298599, #4F4C77, #203123)
- Olive Boulevard color palette (#F8F1E2, #B9AC6F, #72803D, #1C5D5A, #322C19)
- Hushed Jade color palette (#FFF1F7, #98B460, #30877B, #5D5276, #324E4B)
- Tempered Mint color palette (#E4FCF1, #9BCE8E, #6AA084, #4F748D, #344D4B)
- Faded Navy color palette (#F6F4CE, #00AB7D, #00716A, #003887, #00221A)
- Patina Ash Loft color palette (#F1F3EC, #C5E2E5, #7A9FCB, #3D728C, #422F40)
- Worn Terrace color palette (#F0F4E5, #DCFFBE, #93DA9A, #66B89E, #2D2F28)
- Emerald Pier color palette (#ECEFE5, #3B9762, #2B4400, #1D2015, #0C0D08)
Browse the whole catalog at Explore, or see today's palette.