Muted Field color palette — #FCF4EA · #E0BC94 · #8BBC9A · #4D88B4 · #36312B

Built around Cerulean, softened by Mint Leaf — the whole palette hums with nature and growth.

The five colors

• Ivory (#FCF4EA): bright and airy, almost weightless.
• Sand (#E0BC94): A luminous, dusty gold — the color of old brass.
• Mint Leaf (#8BBC9A): A luminous, dusty teal — the color of sea glass.
• Cerulean (#4D88B4): A luminous, balanced blue — the color of a favorite pair of jeans.
• Espresso (#36312B): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged 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

• Lagoon Basin color palette (#FFF3EA, #EEB595, #ACB482, #1A9496, #4D2600)
• Worn Harbor color palette (#FBF3EE, #F5BDA6, #7BA875, #5E62AB, #3E3733)
• Mustard Thicket color palette (#F9F5E8, #B5B961, #6AA5D1, #4D72B1, #2C2405)
• Wandering Stone color palette (#FAF4EF, #DBDBD3, #A8B7BB, #D5A280, #534C46)
• Pale Nightshade color palette (#FEF4E3, #BD9A21, #009BAE, #5A51A7, #1E1300)
• Worn Hollow color palette (#FFF2ED, #FA7A6E, #00A7A4, #554FD3, #380605)
• Dusty Thicket color palette (#FFF2EC, #DFDBCD, #CAB17B, #7A7A1F, #23500E)
• Wandering Loft color palette (#FDF1FB, #CC736F, #3C8AA6, #31677B, #443943)

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