Muted Field color palette — #F6F0F5 · #9CD1E0 · #0589A9 · #245D2C · #002141

Cerulean and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F6F0F5): bright and airy, almost weightless.
• Sky (#9CD1E0): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#0589A9): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#245D2C): A full-bodied, balanced green — the color of fresh herbs.
• Midnight (#002141): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Weathered Cobalt Garden color palette (#F8EFF2, #A6CDEB, #657BAC, #005C58, #23193A)
• Softworn Pine color palette (#FEF2EF, #C4DCC5, #46A2C2, #2D7F40, #173C63)
• Feathered Veranda color palette (#FFECF3, #7CC5F3, #3E67DC, #00524E, #210148)
• Patina Lagoon Terrace color palette (#F0E1EE, #30868D, #00415A, #00210E, #000106)
• Antique Canyon color palette (#D1F1EE, #4CA761, #9166B0, #006729, #29083C)
• Timeworn Denim color palette (#EFE2EC, #67A8B1, #006086, #003C23, #00042D)
• Timeworn Sky color palette (#D3FCF5, #AEE2E8, #75B7DC, #806428, #002A2C)
• Washed Olive color palette (#F7E8CB, #999630, #407C16, #004E31, #002823)

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