Moss Pier color palette — #F7EED5 · #98A400 · #598300 · #005023 · #002C20

Moss and Olive Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F7EED5): A whisper-light, dusty green — the color of a quiet forest floor.
• Moss (#98A400): A luminous, balanced green — the color of a quiet forest floor.
• Olive Leaf (#598300): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#005023): A deep, shadowed, balanced teal — the color of sea glass.
• Deep Forest (#002C20): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Balance. Tagged cool.

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

• Sunlit Moss Bloom color palette (#DFE3C6, #50A625, #008348, #004C3E, #002929)
• Mustard Boulevard color palette (#F8ECD9, #B6AD00, #508400, #006435, #004E45)
• Amber Station color palette (#F1DFCD, #C38900, #7B6C00, #434A00, #093203)
• Chartreuse Cabin color palette (#EFFFA2, #BAE500, #6BAB00, #357D13, #154114)
• Gentle Clover Coast color palette (#D2FFDE, #00D479, #008741, #004627, #001805)
• Jade Summit color palette (#CAEEBD, #46C487, #00917E, #005D5A, #043141)
• Emerald Archive color palette (#F5DFF6, #FFA862, #17AB26, #0A280B, #020C0A)
• Aqua Corridor color palette (#DBFDD5, #9AF0F7, #4EC5E6, #75702A, #003130)

Browse the whole catalog at Explore, or see today's palette.