Mint Field color palette — #F7F6E7 · #9BBD75 · #9D8EC9 · #647B4A · #5F4450

Sage and Blue Fog set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F7F6E7): bright and airy, almost weightless.
• Sage (#9BBD75): A luminous, balanced green — the color of new leaves after rain.
• Blue Fog (#9D8EC9): A luminous, balanced violet — the color of a velvet chair.
• Olive (#647B4A): A full-bodied, dusty green — the color of fresh herbs.
• Charcoal Brown (#5F4450): A full-bodied, dusty rose — the color of strawberry cream.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged muted.

Use it as a design system

One click turns Mint 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

• Muted Olive Harbor color palette (#F2F3E6, #9DBF8D, #9D94C6, #587E46, #452536)
• Weathered Ridge color palette (#F0F8EA, #69C3AD, #C381A3, #398170, #624443)
• Tempered Marigold color palette (#FFF3E4, #D2A865, #749BCD, #8D6C35, #5B445C)
• Muted Alley color palette (#EBF9F5, #B1CF9F, #B5A7DE, #739A58, #464B68)
• Wandering Moss color palette (#F7F7DC, #7AA84C, #957DB1, #925F79, #484500)
• Washed Veranda color palette (#FFF2E9, #D0B28F, #A0755D, #894A2F, #5C4300)
• Worn Oat color palette (#F5F9D3, #AAD79F, #678A57, #3D5831, #383932)
• Wandering Clover Grove color palette (#F2F9DB, #2AC15F, #AE52BF, #005F27, #52245B)

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