Muted Coast color palette — #F5F4FE · #A3B788 · #65416E · #2E2946 · #211722

A conversation between Charcoal Brown and Sage, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F5F4FE): a clean, paper-quiet neutral.
• Sage (#A3B788): A luminous, dusty green — the color of new leaves after rain.
• Charcoal Brown (#65416E): A full-bodied, balanced pink — the color of neon signs at night.
• Midnight (#2E2946): A deep, shadowed, dusty violet — the color of a velvet chair.
• Ink (#211722): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged luxury, dark, muted.

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

• Dusty Pewter Delta color palette (#F9F2FD, #A2CBBA, #685673, #403249, #2B2227)
• Wandering Courtyard color palette (#FCEEEE, #D8A693, #714364, #3B1932, #180608)
• Dusty Garden color palette (#F7F3FF, #E8B8A6, #955B85, #5A3350, #241F2B)
• Frosted Cabin color palette (#FEF0FD, #ACA54C, #821B2A, #4E0010, #251325)
• Dusty Lilac color palette (#FEF1F4, #C8DFAA, #B17FBC, #7E565F, #2D1C20)
• Tempered Archive color palette (#F6F4FB, #D596CA, #946416, #85447B, #1C271C)
• Washed Balcony color palette (#EBDEFD, #8F9C00, #690052, #340027, #14091F)
• Worn Lantern color palette (#E2FDED, #CB7B9B, #8E5C3C, #045572, #4B344C)

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