Muted Field color palette — #DFFBFF · #8CF0EA · #00B7D2 · #007CA7 · #1D3F5E
Cyan and Cerulean set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#DFFBFF): A whisper-light, dusty blue — the color of deep harbor water.
- Sea Foam (#8CF0EA): A whisper-light, balanced teal — the color of sea glass.
- Cyan (#00B7D2): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#007CA7): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#1D3F5E): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. Tagged cool.
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
- Teal Lantern color palette (#D6FFF9, #9BE7C5, #00BEAE, #008589, #004D5B)
- Airy Turquoise Veranda color palette (#B0EDEF, #65DCEB, #00BAD5, #199BB9, #174A5D)
- Softworn Cobalt color palette (#E7F9FF, #99DFFF, #5AADF2, #466DC6, #383866)
- Navy Dune color palette (#B7FFFD, #00D0F3, #0088BE, #004C91, #150E78)
- Softworn Turquoise Atelier color palette (#ECF7FF, #D0DBEF, #51ACD6, #006289, #001F32)
- Hushed Cerulean Meadow color palette (#C1EDE7, #00939F, #005F74, #002C47, #000107)
- Cerulean Workshop color palette (#EBF7FF, #9EDFFB, #FF9B8F, #0097C3, #5A2621)
- Washed Teal Archive color palette (#EAF8FF, #DBDAE5, #B5ACA4, #60BDB7, #374F65)
Browse the whole catalog at Explore, or see today's palette.