Muted Field color palette — #F8EFF2 · #C7E0F5 · #7C8CB8 · #1B6B69 · #262849

Built around Teal, softened by Slate Blue — the whole palette hums with calm and sophistication.

The five colors

• Ivory (#F8EFF2): bright and airy, almost weightless.
• Powder Blue (#C7E0F5): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Slate Blue (#7C8CB8): A luminous, dusty violet — the color of a velvet chair.
• Teal (#1B6B69): A full-bodied, dusty teal — the color of sea glass.
• Midnight (#262849): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Washed Cornflower Corridor color palette (#FFECF3, #A0D8FB, #567DDE, #00625E, #281B47)
• Weathered Petrol Lantern color palette (#F1F7F2, #CCDFF0, #6B8BBC, #006E84, #384766)
• Weathered Oat Lagoon color palette (#EEF1FF, #F0CFE2, #F5C2AB, #607DA0, #353047)
• Quiet Lilac color palette (#F0F0FF, #A476C8, #589049, #48793C, #1C1A35)
• Denim Field color palette (#E5DBE2, #5BAAB7, #005E8B, #003B27, #020230)
• Antique Canyon color palette (#F0E1E9, #3D829C, #003A75, #00201A, #01000A)
• Hushed Powder color palette (#F9F4ED, #C3E2F6, #9ABDF0, #418EA2, #51344A)
• Petrol Archive color palette (#FCECFA, #5CCEDC, #007BAB, #005533, #00114C)

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