Muted Pier color palette — #F5F2E8 · #D5C28B · #6A632D · #33312A · #17130A

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

The five colors

• Cream (#F5F2E8): a clean, paper-quiet neutral.
• Sand (#D5C28B): A luminous, dusty green — the color of a quiet forest floor.
• Olive (#6A632D): A full-bodied, dusty green — the color of new leaves after rain.
• Espresso (#33312A): quiet, heavy and certain.
• Ink (#17130A): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Muted 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

• Dusty Station color palette (#EFF8F3, #A7CBAE, #636036, #224032, #1B2827)
• Midnight Chestnut Atelier color palette (#E4DFC9, #695600, #293336, #151500, #010100)
• Muted Mustard Quarry color palette (#F0F4E9, #B8B962, #2F6144, #232B0A, #0B0E03)
• Bronze Alley color palette (#F8F5EB, #E9CCA9, #907C34, #5C4C00, #2E2B21)
• Muted Olive Drift color palette (#F3F2EA, #B3CE96, #519278, #627B45, #13180D)
• Olive Quarry color palette (#E1E7CC, #817D00, #003410, #1A2628, #000B02)
• Hushed Mint color palette (#F6F3DB, #78BE8F, #338976, #315B51, #282F1E)
• Moss Field color palette (#F5F2E4, #919E3B, #3C9293, #7F5043, #262312)

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