Mint Drift color palette — #FFF2EE · #F699A0 · #36C896 · #BD505D · #184D3A

Built around Mint Leaf, softened by Brick — the whole palette hums with balance.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Rose Quartz (#F699A0): A luminous, balanced red — the color of a theater curtain.
• Mint Leaf (#36C896): A luminous, balanced teal — the color of sea glass.
• Brick (#BD505D): A full-bodied, balanced red — the color of late-summer berries.
• Forest (#184D3A): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Balance. Tagged warm.

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

• Softworn Raspberry Ridge color palette (#FFF1F2, #DEA0D2, #33C7A6, #AA539D, #174D40)
• Airy Peony color palette (#FBF1FF, #FFC0D3, #5DD1C5, #C86589, #00423D)
• Soft Sky Atelier color palette (#FFF2EE, #F69A9E, #27BBF5, #BA535C, #244B3C)
• Tempered Blush Field color palette (#FBF1FF, #E07B9A, #00A08B, #954962, #124D43)
• Powdered Bronze color palette (#FEF3E9, #E2AB77, #00B9D2, #B76C00, #284B35)
• Quiet Boulevard color palette (#FFF2EF, #EA7D9D, #00AEAD, #1C8CAE, #4A312C)
• Amber Quarry color palette (#FDF3E9, #CBBE8D, #BA8243, #8F584D, #453E00)
• Quiet Boulevard color palette (#FFDCD0, #FF626B, #009EAD, #C50032, #00353B)

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