Moss Pier color palette — #CEE7D6 · #959300 · #6D5900 · #4A3000 · #0E1500

Built around Moss, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Celadon Mist (#CEE7D6): A whisper-light, dusty teal — the color of glacier melt.
• Moss (#959300): A luminous, balanced green — the color of new leaves after rain.
• Olive (#6D5900): A full-bodied, balanced green — the color of fresh herbs.
• Espresso (#4A3000): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#0E1500): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, warm.

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

• Chestnut Delta color palette (#D1E8D2, #A69869, #7B5F31, #593410, #001E13)
• Ancient Dune color palette (#CDEDD6, #7B741E, #544100, #321E00, #040600)
• Chalky Bronze Harbor color palette (#EBDCC0, #A9AA5D, #8E7500, #6F4A00, #222E00)
• Muted Amber color palette (#FFE8F5, #CA7618, #943C00, #670D0B, #1B0F00)
• Tempered Pewter Garden color palette (#E1F9EB, #88B7A5, #7E7642, #34553B, #052923)
• Soft Amethyst color palette (#E8E9FE, #692DFE, #785300, #104801, #0B002C)
• Cocoa Boulevard color palette (#F1D7E5, #794200, #481900, #240001, #020100)
• Nightshade Summit color palette (#D5E2FF, #BB8C00, #312595, #11004B, #000111)

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