Mint Pier color palette — #FFF2EC · #FFC4B8 · #A4C977 · #BE7265 · #393932

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

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Wheat (#FFC4B8): A whisper-light, dusty orange — the color of toasted spice.
• Pistachio (#A4C977): A luminous, balanced green — the color of a quiet forest floor.
• Caramel (#BE7265): A luminous, balanced orange — the color of toasted spice.
• Charcoal (#393932): quiet, heavy and certain.

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

Use it as a design system

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

• Quiet Atelier color palette (#FFF1F1, #FFBCE6, #E4B155, #B86D9D, #4A3407)
• Coral Chapel color palette (#FFF2EC, #FFB7AC, #6ACFDF, #E27E70, #0A4B54)
• Hazy Mallow color palette (#FFF3E5, #FFC985, #ED9BDA, #AC8047, #4D2B45)
• Cocoa Boulevard color palette (#FFF2EA, #DED9CC, #9BB2B3, #BD9684, #6C3A00)
• Worn Taupe Hollow color palette (#FFF4DC, #E2E1A0, #AB9F5F, #6E6A63, #33322B)
• Timeworn Bronze color palette (#FEF3E6, #FFE1AD, #936E3D, #3C3732, #150E05)
• Weathered Coral color palette (#FFF2EC, #E2D8CB, #E08A69, #874D33, #330F00)
• Misty Station color palette (#FCF5DF, #C8C63F, #00BBCC, #7D7B00, #002E33)

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