Tempered Moss Lagoon color palette — #E1F2E8 · #A89600 · #00657E · #564D00 · #000407
A conversation between Mustard and Peacock, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#E1F2E8): A whisper-light, dusty teal — the color of sea glass.
- Mustard (#A89600): A luminous, balanced green — the color of new leaves after rain.
- Peacock (#00657E): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Olive (#564D00): A full-bodied, balanced green — the color of new leaves after rain.
- Ink (#000407): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone, muted.
Use it as a design system
One click turns Tempered Moss 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
- Moss Coast color palette (#DEF3EE, #62AB19, #005EA0, #2E5900, #00040B)
- Airy Amber color palette (#FBE7F0, #E07200, #006C4F, #763900, #000503)
- Washed Mustard color palette (#FCF1D5, #BBAF00, #008796, #736C00, #001519)
- Pale Moss color palette (#EEDDE6, #5A9200, #005F5B, #5D0034, #001808)
- Dusty Moss color palette (#E5E9D1, #4EA900, #006B4F, #003E3D, #00161D)
- Nightshade Thicket color palette (#DAEFF0, #008D6D, #3400BE, #004130, #00000C)
- Indigo Courtyard color palette (#E8F4F7, #59C9B9, #5A69CF, #007569, #080E1A)
- Tempered Boulevard color palette (#F7F7DF, #8EDD40, #00937C, #477B00, #000201)
Browse the whole catalog at Explore, or see today's palette.