Muted Coast color palette — #DDEDF1 · #A7B0C1 · #9295B5 · #00837F · #00171D

Teal and Blue Fog set the tone — five colors that lean into sophistication.

The five colors

• Frost (#DDEDF1): a clean, paper-quiet neutral.
• Ash (#A7B0C1): A luminous, dusty violet — the color of a velvet chair.
• Blue Fog (#9295B5): A luminous, dusty violet — the color of a velvet chair.
• Teal (#00837F): A full-bodied, balanced teal — the color of sea glass.
• Ink (#00171D): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Hushed Petrol Parlor color palette (#E4EEF4, #9E9FAD, #8B839A, #006E8B, #000B13)
• Ancient Summit color palette (#D9E5E3, #A2B3BD, #829DBC, #268825, #001816)
• Abyss Garden color palette (#E6EDE7, #A8B9AD, #7F9E8C, #005F61, #041907)
• Aged Abyss color palette (#DEE7DC, #89A996, #59867B, #003F3D, #000600)
• Chestnut Garden color palette (#D9F4E4, #699BAB, #5076A9, #874300, #1C1A00)
• Hushed Cabin color palette (#E3F1F6, #BAD5E1, #75B0C4, #00595C, #000305)
• Wandering Indigo Thicket color palette (#E2E7EE, #C4BCCA, #B29FB1, #5574EC, #161F2F)
• Dusty Turquoise Corridor color palette (#E8F8FE, #D3D9E9, #C1BFE8, #00ACB7, #1E373F)

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