Muted Pier color palette — #FFF0F8 · #BB6838 · #40805F · #00633F · #402B37
Ochre and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#FFF0F8): a clean, paper-quiet neutral.
- Ochre (#BB6838): A luminous, balanced orange — the color of sun-warmed clay.
- Fern (#40805F): A full-bodied, balanced teal — the color of glacier melt.
- Pine (#00633F): A full-bodied, balanced teal — the color of sea glass.
- Espresso (#402B37): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Nature, Growth, Optimism, Balance. Tagged 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
- Patina Ember color palette (#FEF0FC, #C56A65, #007270, #3A427A, #3C294F)
- Hushed Canyon color palette (#E9FAF0, #947300, #3B6B38, #005040, #30263B)
- Dusty Driftwood Lantern color palette (#F8F2FF, #AE6593, #607A49, #3F5D1F, #382E43)
- Driftwood Bloom color palette (#FEEEE9, #BA6C72, #2C866E, #005B75, #2C1108)
- Wandering Amber color palette (#FFF0F9, #BF7E64, #5585A3, #366581, #493742)
- Softworn Market color palette (#E6FCEA, #D37B7B, #7B6916, #344B82, #4E3442)
- Gentle Rust Chapel color palette (#FFDCCE, #AB4200, #006473, #004550, #391100)
- Feathered Bronze color palette (#DDFFE7, #917200, #007096, #00516D, #372900)
Browse the whole catalog at Explore, or see today's palette.