Muted Field color palette — #EFF7F5 · #BCE4F2 · #3799A9 · #12716B · #304C5A

Cerulean takes the lead with Teal close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EFF7F5): bright and airy, almost weightless.
• Powder Blue (#BCE4F2): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#3799A9): A luminous, balanced blue — the color of open sky before noon.
• Teal (#12716B): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal (#304C5A): A full-bodied, dusty blue — the color of deep harbor water.

Feels like: 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

• Worn Azure color palette (#EFF7F7, #D6DCED, #669FCD, #37788D, #455464)
• Wandering Cerulean color palette (#F7EFF5, #BCE4F2, #3A9AB9, #316B54, #1A2E3F)
• Dusty Cerulean color palette (#DCEEEB, #339FB3, #005266, #002F32, #001721)
• Softworn Petrol Lantern color palette (#E3F2F0, #78BEC9, #00748A, #005050, #003343)
• Teal Loft color palette (#F9F3F8, #CFE2F9, #8CC7E3, #73A682, #344964)
• Navy Drift color palette (#CFE4E4, #5D84A8, #003B77, #00202F, #00032A)
• Aged Shell Terrace color palette (#F7F2FF, #ECD7D5, #FFB6BE, #8C6A8C, #564B5D)
• Pale Rust color palette (#F8F2FF, #BB689C, #BF590D, #5860AD, #3D324A)

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