Tempered Lagoon color palette — #F3F3E5 · #B0B98E · #4B826C · #664A61 · #262A15
A conversation between Fern and Sage, giving this palette its sense of nature and growth.
The five colors
- Cream (#F3F3E5): a clean, paper-quiet neutral.
- Sage (#B0B98E): A luminous, dusty green — the color of a quiet forest floor.
- Fern (#4B826C): A full-bodied, dusty teal — the color of sea glass.
- Charcoal Brown (#664A61): A full-bodied, dusty pink — the color of neon signs at night.
- Onyx (#262A15): 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
- Patina Pewter color palette (#F7F1E8, #C0B28F, #717A4E, #3D5D4C, #2E2613)
- Dusty Cypress color palette (#F4F3E1, #83AD83, #1B7654, #5E3B3C, #1B1E01)
- Pine Lantern color palette (#F0F8F1, #92B9AC, #48825D, #774960, #2E4940)
- Washed Petrol Dune color palette (#EDF8F5, #A3CECA, #649D85, #5F709D, #2B4946)
- Hushed Teal Market color palette (#FBF4E8, #CDE5C5, #6CAE92, #8D6D6C, #393932)
- Feathered Mulberry Cabin color palette (#FFEDEC, #D08BAD, #3EA187, #964270, #002F25)
- Muted Veranda color palette (#FFEDEB, #E0D5C9, #D0BF96, #9D7899, #452923)
- Worn Cerulean Boulevard color palette (#F5F1EA, #C1E6D3, #5B94BC, #006C70, #39223B)
Browse the whole catalog at Explore, or see today's palette.