Hushed Ash Coast color palette — #FFF1F7 · #E5D7D4 · #9FB2A0 · #98A6D1 · #5C4A4F

Mauve and Sage set the tone — five colors that lean into sophistication and softness.

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Bone (#E5D7D4): bright and airy, almost weightless.
• Sage (#9FB2A0): A luminous, dusty green — the color of new leaves after rain.
• Mauve (#98A6D1): A luminous, dusty violet — the color of wild irises.
• Charcoal Brown (#5C4A4F): A full-bodied, dusty rose — the color of strawberry cream.

Feels like: Sophistication, Softness, Clarity. Tagged pastel, light, muted.

Use it as a design system

One click turns Hushed Ash 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

• Ancient Ash color palette (#FDF1FB, #E7D6D6, #CCC0B8, #7CAA99, #5A4A54)
• Sand Harbor color palette (#FFF2EF, #E1D9CF, #FEC59C, #BA85AA, #5B4640)
• Weathered Moss Coast color palette (#FFF1F2, #CF97BC, #89A85F, #368A85, #4B3738)
• Worn Bronze color palette (#FEF3E5, #D9C9AA, #B1976E, #9B6833, #574600)
• Iris Harbor color palette (#FFF1F4, #F5D2D5, #FFB3BA, #8A75D3, #653D43)
• Softworn Meadow color palette (#FCF2F3, #E4CFA4, #986C91, #664146, #332829)
• Hazy Raspberry color palette (#F5E3E9, #CC8CBD, #DE4677, #473EA0, #21010A)
• Worn Amber color palette (#FBF3F3, #F7BDDC, #C78E49, #BA719A, #322D27)

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