Muted Coast color palette — #F6D7C5 · #CA5600 · #007162 · #004D8F · #060003

Terracotta and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Bone (#F6D7C5): A whisper-light, dusty gold — the color of old brass.
• Terracotta (#CA5600): A full-bodied, vivid orange — the color of autumn markets.
• Teal (#007162): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#004D8F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Black (#060003): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Optimism, Balance. Tagged jewel, vibrant.

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

• Soft Crimson color palette (#FFE9E1, #E7073F, #00704B, #00496D, #040006)
• Washed Nightshade color palette (#EBDFCF, #9C6800, #006C79, #4824A7, #060001)
• Gentle Amber color palette (#F1E6D2, #C47200, #746A00, #004E6D, #120900)
• Tempered Sapphire color palette (#FFE8D7, #F07605, #009598, #365ADF, #30061C)
• Faded Pier color palette (#F3E9D4, #BFA722, #007CB7, #813DA6, #250300)
• Eclipse Bronze color palette (#EADDC9, #886400, #353400, #191D14, #0C0600)
• Eclipse Studio color palette (#D5ECD3, #7A4E00, #333500, #000955, #030100)
• Fern Thicket color palette (#EEECD1, #476100, #304400, #002A36, #070001)

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