Muted Field color palette — #DEF4F4 · #D0B06B · #297353 · #103F2C · #001B1B

Sand and Pine set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#DEF4F4): A whisper-light, dusty teal — the color of sea glass.
• Sand (#D0B06B): A luminous, balanced gold — the color of old brass.
• Pine (#297353): A full-bodied, balanced teal — the color of shallow lagoons.
• Forest (#103F2C): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#001B1B): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Optimism, Sophistication. Tagged luxury, dark, 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

• Softworn Cypress Study color palette (#E7F9FC, #DAC18C, #2B8177, #0C4D46, #0C262A)
• Patina Marigold Villa color palette (#C9EBF9, #D6A200, #006771, #00353A, #00121A)
• Tempered Chapel color palette (#F3F7EC, #EBCC8B, #00764F, #00311E, #030500)
• Mustard Pier color palette (#EDF7FF, #E2B349, #0070A4, #003F5F, #081C2B)
• Lagoon Basin color palette (#EAF1E7, #FFB29E, #009D8C, #136459, #11190D)
• Worn Amber color palette (#CEE6E9, #B58B24, #005241, #002119, #000304)
• Tempered Cobalt Study color palette (#EAF8FA, #5FCAB2, #3482D6, #00856F, #08192C)
• Lagoon Workshop color palette (#EEF7FA, #D4D9E3, #B8BED4, #3E8F90, #2C3E43)

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