Moss Pier color palette — #F4EEE0 · #E7C285 · #948A2D · #5F5812 · #1C1504

A conversation between Moss and Sand, giving this palette its sense of nature and growth.

The five colors

• Cream (#F4EEE0): bright and airy, almost weightless.
• Sand (#E7C285): A whisper-light, balanced gold — the color of afternoon light on wheat.
• Moss (#948A2D): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#5F5812): A full-bodied, balanced green — the color of fresh herbs.
• Ink (#1C1504): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, 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 Moss color palette (#F7F6E8, #F3CEA2, #85A060, #596A41, #242213)
• Timeworn Station color palette (#F9ECE3, #DBC87D, #CB6829, #7C4627, #1F130B)
• Mustard Meadow color palette (#E4F3EA, #CFB15E, #726300, #3E3607, #0A1A11)
• Softworn Honey color palette (#FDF4E1, #F3CB5B, #71631C, #2F2800, #060300)
• Muted Hollow color palette (#E1E9C8, #FFA94B, #00984C, #005E2D, #0E1200)
• Hushed Balcony color palette (#DBE8D3, #C76B00, #005648, #001A15, #010200)
• Pale Marigold color palette (#E7E2C9, #D59833, #666F00, #383D00, #030200)
• Hushed Orchard color palette (#ECFAEA, #FFBE97, #00A39A, #006A64, #0D200A)

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