Mint Harbor color palette — #FFF2EA · #FFC6A7 · #8ECD91 · #BB7751 · #383932

Mint Leaf and Caramel set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Wheat (#FFC6A7): A whisper-light, dusty orange — the color of sun-warmed clay.
• Mint Leaf (#8ECD91): A luminous, balanced green — the color of a quiet forest floor.
• Caramel (#BB7751): A luminous, balanced orange — the color of sun-warmed clay.
• Charcoal (#383932): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged light, muted.

Use it as a design system

One click turns Mint Harbor 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 Garden color palette (#FEF4E5, #FFE1AD, #85DFCD, #B39561, #3C4C34)
• Amber Balcony color palette (#FFF3E8, #FFC79B, #DDA3E1, #B97942, #502C34)
• Soft Apricot color palette (#FFF3E9, #FFA15C, #A0B561, #BF789C, #3A2614)
• Weathered Delta color palette (#FFF2EA, #FFD2B6, #C1927C, #8B5E52, #36302B)
• Quiet Amber color palette (#FFF2EA, #FFB999, #68CAFA, #DB865C, #134860)
• Weathered Cocoa color palette (#FFF3E8, #DDDCCA, #96B7BE, #CFA28D, #613B00)
• Weathered Sand color palette (#FEF4E3, #FFE2A3, #8B733A, #3C3831, #140F06)
• Muted Coral color palette (#FFF2EE, #FFC1C8, #A7B6FD, #C76977, #492E42)

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