Muted Pier color palette — #FBF2FB · #90BEEB · #BA7A6C · #706F38 · #212E1E

Built around Caramel, softened by Sky — the whole palette hums with nature and growth.

The five colors

• Ivory (#FBF2FB): a clean, paper-quiet neutral.
• Sky (#90BEEB): A luminous, balanced blue — the color of deep harbor water.
• Caramel (#BA7A6C): A luminous, balanced orange — the color of toasted spice.
• Olive (#706F38): A full-bodied, dusty green — the color of a quiet forest floor.
• Deep Forest (#212E1E): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, 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

• Softworn Driftwood color palette (#EDF9EF, #74C2CC, #B5779B, #8A6240, #252817)
• Worn Alley color palette (#FEF1F6, #C5B4EB, #AE9062, #4C7E60, #162D25)
• Ash Hollow color palette (#FEF4E4, #D1DBFF, #AF97BE, #846F49, #4D3844)
• Periwinkle Quarry color palette (#FFF0FA, #849DFF, #AD5200, #435900, #00171D)
• Pale Field color palette (#FFF1F5, #C28ADC, #97871D, #086E55, #231323)
• Lilac Field color palette (#FFF0F7, #B0A3E7, #614F53, #34262D, #130D12)
• Terracotta Delta color palette (#EFF6FF, #5B92C8, #9C4236, #54550B, #243539)
• Weathered Ash color palette (#F9F3F8, #E0D7D8, #B2B5A9, #9CAED5, #524B51)

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