Mint Drift color palette — #FFF0F8 · #D4FCE2 · #8BD2A9 · #AA727C · #455546

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

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Honeydew (#D4FCE2): A whisper-light, dusty teal — the color of shallow lagoons.
• Mint Leaf (#8BD2A9): A luminous, balanced teal — the color of glacier melt.
• Mocha (#AA727C): A luminous, dusty red — the color of embers at dusk.
• Charcoal Brown (#455546): A full-bodied, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged pastel, light, muted.

Use it as a design system

One click turns Mint Drift 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 Lagoon color palette (#E4FCED, #A9E3E6, #5CD2D6, #A17450, #3B5852)
• Dusty Stone Atelier color palette (#FFEFFF, #D7DCCF, #B1C883, #976487, #5F4957)
• Muted Oat Harbor color palette (#FFEFDD, #D9E7BE, #BECEA0, #9B6E5C, #332F29)
• Cocoa Harbor color palette (#FFF3E7, #DCE3C2, #B0D0AF, #D59D99, #684500)
• Hushed Bronze color palette (#FFF1F7, #B9A47B, #99643D, #714341, #294439)
• Turquoise Bloom color palette (#D0F8E8, #95D6B6, #00B2E9, #8C5400, #103C38)
• Hushed Fern color palette (#EDF8F3, #CBA87A, #575400, #093726, #111F1F)
• Terracotta Balcony color palette (#FFF3E6, #D1E466, #00B7A7, #AA2F0F, #3E3E05)

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