Muted Coast color palette — #D4E4F4 · #BB5629 · #002B4E · #2A1F25 · #000815

A conversation between Terracotta and Midnight, giving this palette its sense of trust and stability.

The five colors

• Frost (#D4E4F4): A whisper-light, dusty blue — the color of deep harbor water.
• Terracotta (#BB5629): A full-bodied, balanced orange — the color of sun-warmed clay.
• Midnight (#002B4E): A deep, shadowed, dusty blue — the color of deep harbor water.
• Onyx (#2A1F25): quiet, heavy and certain.
• Ink (#000815): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Optimism, 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

• Antique Amber color palette (#D3E4DF, #C97D4E, #004876, #001C33, #000302)
• Navy Garden color palette (#D6E4F7, #A16C03, #002266, #00051E, #000105)
• Pine Archive color palette (#D5E8F7, #3E8D55, #002A40, #1D1923, #000B14)
• Antique Denim color palette (#EAF3FE, #D7A980, #345683, #132842, #070D15)
• Aged Aubergine color palette (#E9E7F6, #92AA70, #5E316A, #1D1634, #050311)
• Nightshade Ridge color palette (#E2EAF9, #A99600, #2221A2, #090648, #010016)
• Hushed Navy color palette (#E9EEF8, #B0B2C0, #9088A5, #303D7C, #030A1B)
• Tempered Ultramarine Market color palette (#E0EDFF, #004AB0, #732800, #461500, #00020B)

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