Muted Coast color palette — #FAF1FF · #E9D8D4 · #F38C98 · #AE6D6C · #553D52
A conversation between Rose and Mocha, giving this palette its sense of warmth and comfort.
The five colors
- Blush (#FAF1FF): A whisper-light, dusty violet — the color of wild irises.
- Bone (#E9D8D4): a clean, paper-quiet neutral.
- Rose (#F38C98): A luminous, balanced red — the color of late-summer berries.
- Mocha (#AE6D6C): A luminous, balanced orange — the color of toasted spice.
- Charcoal (#553D52): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Warmth, Comfort, Sophistication. Tagged light, muted, warm.
Use it as a design system
One click turns Muted Coast 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
- Driftwood Chapel color palette (#F6F3FF, #D599B2, #B0696F, #905549, #6B4959)
- Softworn Driftwood Lantern color palette (#FFE4E3, #E6A8B8, #B9747E, #814640, #39322E)
- Tempered Chartreuse Alley color palette (#FEF0FB, #F1D7C3, #BBD981, #D28076, #294E44)
- Tempered Summit color palette (#FFF0F9, #EADCC2, #F2A05B, #9F703C, #3A4F3A)
- Antique Corridor color palette (#FFD4CB, #FF936D, #C25200, #7A3800, #331700)
- Antique Mustard color palette (#FFF0FB, #FFB7A6, #CABD6B, #BF8FBD, #43323E)
- Worn Stone color palette (#FFF0FA, #E6D6D6, #D5ACB8, #AAB8AF, #5A4853)
- Ember Corridor color palette (#FFF1F1, #FFB2A8, #FD421D, #AB3C00, #5B2600)
Browse the whole catalog at Explore, or see today's palette.