Muted Pier color palette — #F1F8E5 · #93EBB9 · #E7B3E0 · #80B797 · #644247
A conversation between Mint and Carnation, giving this palette its sense of nature and growth.
The five colors
- Cream (#F1F8E5): A whisper-light, dusty green — the color of a quiet forest floor.
- Mint (#93EBB9): A whisper-light, balanced teal — the color of sea glass.
- Carnation (#E7B3E0): A whisper-light, balanced pink — the color of a candy shop window.
- Mint Leaf (#80B797): A luminous, dusty teal — the color of sea glass.
- Cocoa (#644247): A full-bodied, dusty red — the color of embers at dusk.
Feels like: Nature, Growth, Creativity, Sophistication, Softness, Clarity. Tagged light, 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 Seafoam Orchard color palette (#F2F8E8, #93D6AD, #D69CC3, #659A7A, #664244)
- Straw Lagoon color palette (#FAF5E5, #D8DB89, #BFC0FC, #ABAD72, #5D4553)
- Ancient Bone color palette (#F0F9E6, #C4E9DB, #CCBFC7, #A5BBA3, #465041)
- Hushed Glacier Thicket color palette (#ECF9EF, #6CEAF9, #FFAFA4, #66B7C1, #534B48)
- Seafoam Canyon color palette (#EFFAE2, #68E2B2, #B6B5FB, #D3A28C, #41443D)
- Feathered Seafoam Grove color palette (#EAFCE2, #3DF9DD, #E97B9B, #00AF9A, #5D2436)
- Muted Fern color palette (#FDF4E5, #E2DBAD, #C9B28F, #A58D75, #544700)
- Weathered Mint Workshop color palette (#EBFCDA, #9FF3DB, #7BCDB5, #56937F, #314122)
Browse the whole catalog at Explore, or see today's palette.