Muted Pier color palette — #FFF1F6 · #C47400 · #00849D · #41438C · #140108

A conversation between Mustard and Indigo, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Mustard (#C47400): A luminous, balanced gold — the color of honey in a jar.
• Cerulean (#00849D): A full-bodied, balanced blue — the color of deep harbor water.
• Indigo (#41438C): A full-bodied, balanced violet — the color of wild irises.
• Ink (#140108): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Trust, Stability, Optimism, Creativity, Balance. Tagged warm.

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

• Amber Hollow color palette (#DFFFE3, #B18000, #0081AE, #4A3F8E, #000B02)
• Dusty Harbor color palette (#FFF0FB, #F63411, #00897E, #005184, #11020E)
• Ancient Grove color palette (#E5FDE6, #A67900, #006276, #3D2682, #030003)
• Powdered Sapphire color palette (#DAFFEF, #9CA124, #2D64BA, #6B3372, #000A06)
• Chalky Apricot Villa color palette (#F8D2E2, #FE912F, #4B7BCD, #6752AD, #2D1300)
• Softworn Thicket color palette (#DFFFE5, #B9A200, #3E7C2B, #2A3A74, #00170F)
• Navy Chapel color palette (#E8E1CA, #686A00, #006453, #002C84, #080800)
• Nightshade Grove color palette (#D6EDE2, #666300, #073EB4, #400053, #000201)

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