Muted Field color palette — #FFF2ED · #C5F9FF · #00A7E3 · #007747 · #011E5B

Built around Cyan, softened by Pine — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Frost (#C5F9FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cyan (#00A7E3): A luminous, balanced blue — the color of open sky before noon.
• Pine (#007747): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#011E5B): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Periwinkle Balcony color palette (#FEF3EB, #D8E3F7, #5A97FF, #007369, #280762)
• Turquoise Thicket color palette (#EDF9EF, #6FF0FB, #00BEE2, #009A84, #00384F)
• Hushed Aqua Lagoon color palette (#FFF0FD, #0FCFDD, #0078A2, #005932, #163160)
• Soft Cobalt Workshop color palette (#FDF3EE, #B2D6BC, #0083BD, #005438, #020039)
• Glacier Orchard color palette (#E8F8FF, #6BE2FF, #0094B3, #004558, #000B11)
• Misty Study color palette (#AEFFC3, #00D2A5, #009296, #006075, #00223A)
• Patina Alley color palette (#FAF4F0, #C1E1ED, #97BFE9, #08987C, #54324A)
• Muted Emerald Summit color palette (#DAFDFF, #DCD6E1, #EFBBE2, #00A665, #003146)

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