Moss Pier color palette — #D4E7E8 · #7C9700 · #007C54 · #00565C · #000302
A conversation between Olive Leaf and Teal, giving this palette its sense of nature and growth.
The five colors
- Frost (#D4E7E8): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Olive Leaf (#7C9700): A luminous, balanced green — the color of new leaves after rain.
- Teal (#007C54): A full-bodied, balanced teal — the color of glacier melt.
- Peacock (#00565C): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Black (#000302): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged candy, vibrant, light, muted.
Use it as a design system
One click turns Moss Pier 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
- Pale Olive Basin color palette (#D1EEE7, #9F8700, #5C7A00, #005843, #000400)
- Hazy Emerald Harbor color palette (#C9E9F2, #00AC5E, #007C7D, #004E6F, #000202)
- Softworn Pine color palette (#D8ECE4, #427736, #004226, #1B2200, #000403)
- Muted Corridor color palette (#C5EEEB, #007667, #005061, #3F043D, #1C0006)
- Lagoon Corridor color palette (#E8F3EA, #129D9F, #00535F, #002D22, #000509)
- Ancient Hollow color palette (#CEFEFD, #DCA900, #00BA4B, #006FA0, #000201)
- Powdered Orchard color palette (#D2FBFF, #73E13A, #00B792, #008495, #001411)
- Dusty Garnet color palette (#D2EDF6, #00686D, #8D001B, #003133, #0B0000)
Browse the whole catalog at Explore, or see today's palette.