Muted Field color palette — #FAF2FB · #B1F3F2 · #6FAFC7 · #59885F · #36495F

Fern and Cyan set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FAF2FB): bright and airy, almost weightless.
• Sea Foam (#B1F3F2): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#6FAFC7): A luminous, dusty blue — the color of deep harbor water.
• Fern (#59885F): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal (#36495F): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, 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 Garden color palette (#FCF2F6, #D5DEFD, #92A3D3, #2E8A89, #424562)
• Softworn Courtyard color palette (#FAF4F0, #BFE2E7, #74C9DE, #439569, #17493B)
• Weathered Corridor color palette (#F6F6EC, #CAE5C9, #54979B, #007264, #2E513A)
• Powdered Terrace color palette (#E1FCF5, #9EC770, #CA8BC8, #6D8C4A, #553554)
• Powder Field color palette (#E3FCF5, #C8E1F2, #B1CBF7, #A6936A, #365351)
• Pale Cerulean Atelier color palette (#F7E9F6, #85D4D8, #2592BC, #226E41, #192E4C)
• Patina Corridor color palette (#EFE3ED, #3AB5BF, #006F97, #004D2B, #000F38)
• Hazy Veranda color palette (#D3FFFE, #90DC9E, #4CA97A, #326B40, #163A1B)

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