Muted Field color palette — #F2D4E6 · #F584B4 · #DF5379 · #B03847 · #541610

A conversation between Hot Pink and Ruby, giving this palette its sense of warmth and comfort.

The five colors

• Shell Pink (#F2D4E6): A whisper-light, dusty pink — the color of neon signs at night.
• Bubblegum (#F584B4): A luminous, balanced rose — the color of strawberry cream.
• Hot Pink (#DF5379): A luminous, vivid red — the color of embers at dusk.
• Ruby (#B03847): A full-bodied, balanced red — the color of late-summer berries.
• Espresso (#541610): A deep, shadowed, balanced orange — the color of toasted spice.

Feels like: Warmth, Comfort, Balance. Tagged warm.

Use it as a design system

One click turns Muted Field 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

• Peony Studio color palette (#EFE3F1, #E37FD5, #D557A6, #A93362, #5C0E1F)
• Powdered Coral Villa color palette (#F7DAE6, #F697B1, #DF707C, #AE5244, #652D18)
• Airy Plum Summit color palette (#EBDEF3, #D971B2, #BE386D, #8D200B, #461D00)
• Coral Cabin color palette (#FFDBD6, #FF9F94, #EA665D, #AA3C36, #320004)
• Patina Ember color palette (#F3E2E3, #FE7D71, #E45925, #A44800, #492800)
• Faded Crimson Coast color palette (#E8D8EA, #FF8295, #00B9AE, #D54966, #00302D)
• Mulberry Terrace color palette (#FFE3F6, #C64E8D, #A40048, #65001A, #2B0300)
• Misty Blush color palette (#FDE1FE, #FFD4C1, #E9BE83, #D17A9F, #4F2519)

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