Moss Pier color palette — #FEF1F8 · #FF9F6C · #6F9600 · #BD5400 · #162100

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

The five colors

• Ivory (#FEF1F8): a clean, paper-quiet neutral.
• Melon (#FF9F6C): A luminous, balanced orange — the color of sun-warmed clay.
• Olive Leaf (#6F9600): A luminous, balanced green — the color of a quiet forest floor.
• Terracotta (#BD5400): A full-bodied, balanced orange — the color of toasted spice.
• Onyx (#162100): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Balance. Tagged duotone.

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

• Emerald Ridge color palette (#FFF1F5, #F1A95D, #00A148, #A96500, #002321)
• Patina Bloom color palette (#FFF0FB, #FF9C8B, #908B00, #D92616, #002417)
• Hushed Rust Station color palette (#FEF3EA, #FFCCB2, #81A000, #C75800, #0C0A00)
• Weathered Harbor color palette (#F4E7EC, #EC8824, #5F7F00, #934F00, #00110D)
• Clover Meadow color palette (#FFF2ED, #FFBBB6, #00C94F, #FF585B, #1C1F05)
• Tempered Mustard Chapel color palette (#FFE4CE, #E6AC2D, #A08D00, #536600, #134500)
• Wandering Marigold color palette (#E0FEE6, #DE9800, #7A8600, #005F9A, #423300)
• Mulberry Ridge color palette (#FDF1FC, #DE8485, #007759, #A20028, #002419)

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