Moss Pier color palette — #CFE8D7 · #8DA355 · #746327 · #573516 · #011D1C

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

The five colors

• Celadon Mist (#CFE8D7): A whisper-light, dusty teal — the color of sea glass.
• Moss (#8DA355): A luminous, balanced green — the color of fresh herbs.
• Olive (#746327): A full-bodied, balanced green — the color of fresh herbs.
• Cocoa (#573516): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Ink (#011D1C): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Hushed Taupe color palette (#F1D9E3, #B29453, #885833, #5F2D2C, #011E14)
• Aged Chestnut Ridge color palette (#D9EEE2, #9B9A6B, #71641C, #554100, #17372D)
• Tempered Driftwood Studio color palette (#FDF4E1, #C7CE84, #9A8A3A, #6E5321, #252205)
• Antique Olive color palette (#E4F4EC, #508128, #4A4600, #331D00, #000707)
• Muted Alley color palette (#E9F6EA, #9FC6B3, #967F59, #6A4E5F, #1A312D)
• Hazy Chestnut Study color palette (#D4EEFA, #008496, #984C21, #6E2E03, #00131B)
• Obsidian Hollow color palette (#F3DFE8, #7A5C00, #542900, #350004, #020200)
• Ancient Harbor color palette (#FFDBE8, #F8A21F, #009E72, #08202A, #040C0D)

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