Muted Field color palette — #FFF2ED · #88EEF7 · #00A9E2 · #00884D · #294065
A conversation between Cyan and Fern, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2ED): bright and airy, almost weightless.
- Ice Blue (#88EEF7): A whisper-light, balanced blue — the color of a favorite pair of jeans.
- Cyan (#00A9E2): A luminous, balanced blue — the color of deep harbor water.
- Fern (#00884D): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#294065): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Softworn Dune color palette (#FFF3E9, #ADE4FF, #649CEF, #008476, #3D376C)
- Softworn Azure Field color palette (#FFF2EC, #4FE1F4, #0097D4, #00764C, #142D6D)
- Gentle Aqua Grove color palette (#F5F6EB, #B5EDE1, #10CCE7, #00A69F, #004858)
- Softworn Atelier color palette (#FBF3EE, #C3E1EC, #8ABDB0, #7B8D6D, #5F4B59)
- Antique Fuchsia Quarry color palette (#FEE0FF, #F66FFF, #00A8A7, #009267, #48232B)
- Worn Cobalt color palette (#F0E3D8, #6FBBE7, #4E71BE, #005A55, #21163F)
- Ultramarine Lagoon color palette (#E9DED6, #499EC1, #0054B0, #003C34, #090028)
- Feathered Teal Pier color palette (#F7E3DC, #00B8BC, #007190, #004E1F, #00132E)
Browse the whole catalog at Explore, or see today's palette.