Moss Pier color palette — #FBF4EA · #C69E54 · #698E31 · #006E5B · #003F4F

Olive Leaf takes the lead with Camel close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FBF4EA): a clean, paper-quiet neutral.
• Camel (#C69E54): A luminous, balanced gold — the color of old brass.
• Olive Leaf (#698E31): A full-bodied, balanced green — the color of fresh herbs.
• Pine (#006E5B): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Teal (#003F4F): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Optimism, 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

• Muted Olive color palette (#FFF3E7, #D0975D, #7E8820, #006F4F, #55292C)
• Feathered Lagoon color palette (#F6F6E9, #8CB36A, #009581, #006785, #2C345E)
• Softworn Pine color palette (#F2E7CF, #A28C00, #007F34, #005256, #3C1900)
• Lagoon Alley color palette (#F8F5E9, #A7AB5A, #1E9768, #006A79, #512F05)
• Dusty Oat color palette (#FFF3E5, #DBC8A6, #A89E7D, #718066, #475646)
• Amber Terrace color palette (#FFF1E0, #DBAE62, #B78E00, #816B00, #4F4C45)
• Ember Drift color palette (#FFF2EC, #CA6855, #00755D, #294973, #4D2B3E)
• Pale Field color palette (#E2E3CE, #409F00, #00736D, #00476C, #271E00)

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