Skip to Main

Member Minder Pro, LLC — Brand and UI Elements

MMP Logo Blue

PrimaryBrand Color
Primary Usage

Logo, primary brand applications, headers

Avoid Using For

Large background areas, body text

Common Contexts

Logo, brand marks, primary headers

Design Rationale

Primary brand color representing trust and professionalism

Accessibility

High contrast, suitable for text at appropriate sizes

Pairs Well With

MMP Red, MMP Gold, Off-White

Base

Hover

Ultra Light

Light

Semi Light

Semi Dark

Dark

Ultra Dark

MMP Logo Red

AccentBrand Color
Primary Usage

Logo accent, error states, important callouts

Avoid Using For

Large backgrounds, body text

Common Contexts

Logo accent, alerts, important CTAs

Design Rationale

Brand accent color adding energy and importance

Accessibility

Use with caution for text, ensure proper contrast

Pairs Well With

MMP Blue, Off-White, Gray

Base

Ultra Light

Light

Semi Light

Semi Dark

Dark

Ultra Dark

Hover

MMP UI Blue

PrimaryUI Color
Primary Usage

Headers, navigation, borders, UI elements

Avoid Using For

Large blocks of text

Common Contexts

Navigation, headers, borders, backgrounds, sidebars

Design Rationale

Primary UI color for interface elements, provides visual structure

Accessibility

Meets WCAG guidelines for UI elements

Pairs Well With

Gold, UI Green, Off-White

Base

Ultra Light

Light

Semi Light

Semi Dark

Dark

Ultra Dark

Hover

MMP UI Gold

SecondaryUI Color
Primary Usage

Secondary buttons, accents, highlights, hover states

Avoid Using For

Primary navigation, large backgrounds

Common Contexts

Buttons, links, highlights, hover effects, call-to-action elements

Design Rationale

Secondary/accent color drawing attention to important interactive elements

Accessibility

Provides good contrast on dark backgrounds

Pairs Well With

UI Blue, Off-White, Gray

Base

Ultra Light

Light

Semi Light

Semi Dark

Dark

Ultra Dark

Hover

MMP UI Green

TertiaryUI Color
Primary Usage

Tertiary buttons, contrast to gold, alternative CTAs

Avoid Using For

Primary navigation, headers

Common Contexts

Demo buttons, secondary CTAs, success states

Design Rationale

Provides attractive contrast to gold, creates visual variety in button hierarchy

Accessibility

Muted sage tone works well for UI elements

Pairs Well With

UI Blue, Gold, Off-White

Base

Ultra Light

Light

Semi Light

Semi Dark

Dark

Ultra Dark

Hover

MMP Off-White

BaseUI Color
Primary Usage

Backgrounds, surfaces, cards, content areas

Avoid Using For

Text, borders (use darker shades)

Common Contexts

Page backgrounds, card backgrounds, content blocks

Design Rationale

Softer than pure white, reduces eye strain for long reading

Accessibility

Excellent contrast with dark text

Pairs Well With

All colors, especially UI Blue and Gray

Base

Ultra Light

Light

Semi Light

Semi Dark

Dark

Ultra Dark

Hover

MMP Gray

NeutralUI Color
Primary Usage

Text, borders, dividers, disabled states

Avoid Using For

Primary backgrounds (too dark)

Common Contexts

Body text, captions, borders, separators, disabled elements

Design Rationale

Neutral gray for text and UI elements, provides hierarchy

Accessibility

Darker shades meet WCAG for text

Pairs Well With

All colors as a neutral

Base

Ultra Light

Light

Semi Light

Semi Dark

Dark

Ultra Dark

Hover

OSDIA

smeraldo [emerald]

PrimaryLicensed Brand Color
Primary Usage

Logo identity only. One of the Italian tricolore colors — restricted to official logo applications per brand guidelines.

Avoid Using For

General UI elements, backgrounds, body text, decorative purposes, or any non-logo usage.

Common Contexts

Official OSDIA logo applications only

Design Rationale

Represents the Italian tricolore green — symbolizing the plains and lush hills of Italy.

Accessibility

Very dark green with strong contrast against white. Sufficient contrast for large text on white backgrounds. Avoid pairing with Rubino (red-green color blindness concern).

Pairs Well With

Bianco, Nero

Notes

Per OSDIA brand guide: "The red and green primary colors should be used solely for logo identity purposes."

Base

bianco [white]

PrimaryLicensed Brand Color
Primary Usage

Logo identity and general use throughout all marketing materials. Backgrounds, text on dark surfaces, spacing, and layout breathing room.

Avoid Using For

Text on light backgrounds without sufficient contrast.

Common Contexts

Backgrounds, logo applications, text on dark surfaces

Design Rationale

Represents the Italian tricolore white — symbolizing the snowy Alps and other mountain regions of Italy.

Accessibility

Maximum lightness value. Requires dark text or overlays for readability. Minimum contrast partner should be at least 4.5:1 ratio for normal text.

Pairs Well With

Nero, Milano Midnight, Smeraldo, Rubino

Notes

Safe for universal application per brand guide.

Base

rubino [ruby]

PrimaryLicensed Brand Color
Primary Usage

Logo identity only. One of the Italian tricolore colors — restricted to official logo applications per brand guidelines.

Avoid Using For

General UI elements, call-to-action buttons, error states, backgrounds, or any non-logo usage.

Common Contexts

Official OSDIA logo applications only

Design Rationale

Represents the Italian tricolore red — symbolizing blood spilled in the Italian wars of independence.

Accessibility

High-saturation red with good contrast against white. Avoid pairing with Smeraldo for body text (red-green color blindness).

Pairs Well With

Bianco, Nero

Notes

Per OSDIA brand guide: "The red and green primary colors should be used solely for logo identity purposes."

Base

nero [black]

PrimaryLicensed Brand Color
Primary Usage

Logo identity and general use throughout all marketing materials. Body text, headings, high-contrast UI elements, borders, and icon color.

Avoid Using For

Large solid background fills where Milano Midnight might be more brand-appropriate.

Common Contexts

Body text, headings, borders, icons, logo applications

Design Rationale

Signifies the sophistication, authority, and understated luxury often associated with Italian style and culture.

Accessibility

Near-black with excellent contrast against white (~16.5:1). Warm black (slight red undertone at HSL 345°), not pure #000000. Suitable for all text sizes.

Pairs Well With

Bianco, Siena Harvest, Torino Twilight, Roman Royalty

Notes

Warm black — not pure black — gives a more refined, less harsh appearance.

Base

veneto vino

SecondaryLicensed Brand Color
Primary Usage

Section accents, decorative borders, highlight backgrounds, and rich visual emphasis areas.

Avoid Using For

Body text on light backgrounds without testing. Secondary colors are meant to complement, not dominate.

Common Contexts

Section accents, decorative borders, highlight backgrounds

Design Rationale

Purple signifies royalty, power, and creativity, reflecting OSDIA's rich history and enduring determination.

Accessibility

Dark color (28% lightness). Contrast against white ~9.5:1. Test carefully for normal-size text; may need white or very light text when used as background.

Pairs Well With

Bianco, Torino Twilight, Siena Harvest

Notes

Wine-purple tone evocative of the Veneto wine region.

Base

bari olive

SecondaryLicensed Brand Color
Primary Usage

Nature/heritage-themed sections, subtle backgrounds, and earthy design accents.

Avoid Using For

Pairing with Smeraldo (too similar in hue). Avoid as primary text color.

Common Contexts

Heritage-themed sections, subtle backgrounds, earthy accents

Design Rationale

Olive green signifies the timeless beauty and resilience of the Tuscan countryside.

Accessibility

Moderate-dark (33% lightness). Contrast against white ~5.8:1, marginal for normal body text at WCAG AA. Use white text on Bari Olive backgrounds.

Pairs Well With

Roman Royalty, Siena Harvest

Notes

Muted, earthy tone. Avoid placing adjacent to Smeraldo without clear separation.

Base

roman royalty

SecondaryLicensed Brand Color
Primary Usage

Rich gold-toned accents, heritage sections, award/recognition contexts, and warm design elements.

Avoid Using For

Small text on medium backgrounds. Avoid where brighter gold (Siena Harvest) is more appropriate.

Common Contexts

Heritage sections, award contexts, warm accents

Design Rationale

Rich gold signifies the enduring allure of affluence, prestige of success, and timeless beauty of Roman treasures.

Accessibility

Mid-tone (41% lightness). Contrast against white ~4.2:1 — passes WCAG AA for large text only. Pair with Nero for accessible text.

Pairs Well With

Nero, Siena Harvest, Torino Twilight

Notes

The "dignified" gold — use for understated, authoritative accents.

Base

capri cool

SecondaryLicensed Brand Color
Primary Usage

Communication-focused sections, links, interactive elements, and coastal/fresh visual themes.

Avoid Using For

Pairing with Milano Midnight without sufficient contrast. Do not use for error or warning indicators.

Common Contexts

Links, interactive elements, coastal-themed sections

Design Rationale

Teal signifies clarity, communication, and tranquility, evoking the dramatic beauty of the Amalfi Coast.

Accessibility

Dark teal (22% lightness, 100% saturation). Contrast against white ~7.1:1, passing WCAG AA and AAA for normal text.

Pairs Well With

Siena Harvest, Roman Royalty, Bianco

Notes

Highest-saturation secondary color. Functions well as a link/action color.

Base

siena harvest

SecondaryLicensed Brand Color
Primary Usage

Highlights, calls to attention, warm accent areas, featured content markers, and decorative gold elements.

Avoid Using For

Body text on white backgrounds. Avoid using for warning/caution indicators.

Common Contexts

Highlights, featured content markers, decorative gold elements

Design Rationale

Harvest gold symbolizes the groundedness, strength, and richness found in the natural beauty of Italy's countryside.

Accessibility

Medium-tone warm color (42% lightness). Contrast against white ~3.4:1 — FAILS WCAG AA for normal text. Use for large/bold decorative text only, or dark text on Siena Harvest backgrounds.

Pairs Well With

Nero, Capri Cool, Roman Royalty, Palermo Passion

Notes

Brightest of the three gold-family colors. The "attention" gold — use sparingly for maximum impact.

Base

palermo passion

SecondaryLicensed Brand Color
Primary Usage

Dramatic emphasis, passion/emotion-themed sections, rich visual accents, and heritage contexts.

Avoid Using For

Do not use interchangeably with Rubino (logo-only). Avoid for error states or destructive action buttons.

Common Contexts

Dramatic emphasis, heritage contexts, rich visual accents

Design Rationale

Deep red signifies bold and powerful emotion, evoking the passion, intensity, and dramatic flair of Italian culture.

Accessibility

Dark red (33% lightness). Contrast against white ~8.5:1, passing WCAG AA and AAA. Use white text on Palermo Passion backgrounds.

Pairs Well With

Siena Harvest, Bianco, Nero

Notes

The usable red for general brand materials (Rubino is logo-only). Darker and more muted than Rubino.

Base

torino twilight

SecondaryLicensed Brand Color
Primary Usage

Subtle backgrounds, muted accent areas, secondary information, and warm supporting elements.

Avoid Using For

Primary text on white backgrounds. Avoid where stronger emphasis is needed.

Common Contexts

Subtle backgrounds, muted accents, secondary information

Design Rationale

Light gold signifies the generosity and compassion of Italian culture, combined with the warmth of its natural resources.

Accessibility

Mid-tone (51% lightness). Contrast against white ~2.9:1 — FAILS WCAG AA for all text sizes. Use as background with dark text (Nero) only. Contrast against Nero ~5.7:1 — passes AA.

Pairs Well With

Nero, Veneto Vino, Roman Royalty

Notes

Lightest of the three gold-family colors. The "soft" gold — best for backgrounds and supporting elements.

Base

milano midnight

SecondaryLicensed Brand Color
Primary Usage

Authoritative sections, trust-building contexts, dark mode elements, headers, and strong visual anchors.

Avoid Using For

Pairing as text on Capri Cool backgrounds without testing. Do not use for link text if Capri Cool is already serving that role.

Common Contexts

Headers, authoritative sections, dark mode elements, visual anchors

Design Rationale

Deep blue signifies authority, knowledge, reliability, and sophistication associated with Roman history and the Italian seaside.

Accessibility

Very dark blue (29% lightness). Contrast against white ~10.5:1, passing WCAG AAA. Use white text on Milano Midnight backgrounds.

Pairs Well With

Siena Harvest, Roman Royalty, Bianco

Notes

Strongest "authority" color. Functions as dark alternative to Nero while maintaining formality.

Base

Rotary International Authorized Brand Colors

Rotary Royal Blue

PrimaryLicensed Brand Color
Primary Usage

Primary Rotary branding, official communications, certification badges

Avoid Using For

Non-Rotary content, MemberMinder Pro branding

Common Contexts

Rotary certification sections, official Rotary content areas, RI badges

Design Rationale

Official Rotary International primary brand color, enforced by brand guidelines

Accessibility

Strong contrast, suitable for official brand applications

Pairs Well With

Rotary Gold, White, neutrals

Notes

This is an official Rotary International brand color and must be used according to RI brand guidelines

Base

Rotary Gold

SecondaryLicensed Brand Color
Primary Usage

Rotary accents, official branding elements, certification highlights

Avoid Using For

Non-Rotary content, general UI elements

Common Contexts

Rotary wheel, accent elements in RI sections, official badges

Design Rationale

Official Rotary International secondary brand color

Accessibility

Vibrant gold, use carefully for text applications

Pairs Well With

Rotary Royal Blue, White, Black

Notes

Official Rotary International brand color per RI brand guidelines

Base

Azure

AccentLicensed Brand Color
Primary Usage

Rotary supplementary color for accents and variety

Avoid Using For

Primary branding outside of approved applications

Common Contexts

Rotary content accents, supplementary elements

Design Rationale

Part of Rotary's expanded color palette

Accessibility

Good contrast for UI elements

Pairs Well With

Rotary Royal Blue, Sky Blue, White

Base

Sky Blue

AccentLicensed Brand Color
Primary Usage

Rotary supplementary color for lighter accents

Avoid Using For

Text on white backgrounds

Common Contexts

Rotary content backgrounds, light accent elements

Design Rationale

Lighter blue from Rotary's expanded palette

Accessibility

May require darker backgrounds for sufficient contrast

Pairs Well With

Azure, Rotary Royal Blue, White

Base

Cranberry

AccentLicensed Brand Color
Primary Usage

Rotary accent color for energy and emphasis

Avoid Using For

Large areas, primary backgrounds

Common Contexts

Callouts, highlights in Rotary content

Design Rationale

Energetic accent from Rotary palette

Accessibility

Strong color, use sparingly

Pairs Well With

Neutrals, Rotary Royal Blue

Base

Cardinal

AccentLicensed Brand Color
Primary Usage

Rotary supplementary red accent

Avoid Using For

Error messages (could confuse meaning)

Common Contexts

Rotary accent elements, highlights

Design Rationale

Bold red from Rotary's accent palette

Accessibility

High visibility, use strategically

Pairs Well With

Neutrals, White, Rotary Royal Blue

Base

Turquoise

AccentLicensed Brand Color
Primary Usage

Rotary supplementary accent for freshness

Avoid Using For

Primary branding elements

Common Contexts

Rotary content accents, secondary elements

Design Rationale

Fresh, energetic accent from Rotary palette

Accessibility

Good contrast for UI applications

Pairs Well With

Neutrals, Sky Blue

Base

Orange

AccentLicensed Brand Color
Primary Usage

Rotary supplementary accent for energy

Avoid Using For

Warning messages (could confuse meaning)

Common Contexts

Rotary highlights, energetic accents

Design Rationale

Vibrant accent from Rotary palette

Accessibility

High visibility, ensure proper contrast

Pairs Well With

Neutrals, Rotary Royal Blue

Base

Violet

AccentLicensed Brand Color
Primary Usage

Rotary supplementary accent color

Avoid Using For

Large areas, primary elements

Common Contexts

Rotary accent elements, variety

Design Rationale

Distinctive accent from Rotary palette

Accessibility

Use with care for text applications

Pairs Well With

Neutrals, Lavender, White

Base

Grass

AccentLicensed Brand Color
Primary Usage

Rotary supplementary green accent

Avoid Using For

Success messages (could confuse meaning)

Common Contexts

Rotary environmental themes, accents

Design Rationale

Fresh green from Rotary palette

Accessibility

Good contrast for most applications

Pairs Well With

Neutrals, Moss, White

Base

Powder Blue

NeutralLicensed Brand Color
Primary Usage

Rotary soft backgrounds, tints

Avoid Using For

Text (insufficient contrast)

Common Contexts

Rotary background tints, soft accents

Design Rationale

Soft neutral from Rotary palette

Accessibility

Background use only, not for text

Pairs Well With

Rotary Royal Blue, Azure, Neutrals

Base

Moss

NeutralLicensed Brand Color
Primary Usage

Rotary neutral backgrounds and accents

Avoid Using For

Primary text

Common Contexts

Rotary backgrounds, subtle accents

Design Rationale

Earthy neutral from Rotary palette

Accessibility

Neutral tone for backgrounds

Pairs Well With

Grass, Neutrals, White

Base

Lavender

NeutralLicensed Brand Color
Primary Usage

Rotary soft backgrounds, gentle accents

Avoid Using For

Text (insufficient contrast)

Common Contexts

Rotary background tints, soft accents

Design Rationale

Soft neutral from Rotary palette

Accessibility

Background use primarily

Pairs Well With

Violet, Neutrals, White

Base

Taupe

NeutralLicensed Brand Color
Primary Usage

Rotary warm neutral backgrounds

Avoid Using For

Primary text

Common Contexts

Rotary backgrounds, warm neutrals

Design Rationale

Warm neutral from Rotary palette

Accessibility

Background and accent use

Pairs Well With

Rotary Gold, Neutrals, White

Base

Mist

NeutralLicensed Brand Color
Primary Usage

Rotary cool neutral backgrounds

Avoid Using For

Primary text (may lack contrast)

Common Contexts

Rotary backgrounds, subtle UI elements

Design Rationale

Cool neutral from Rotary palette

Accessibility

Background and UI element use

Pairs Well With

Blues, Slate, White

Base

Slate

NeutralLicensed Brand Color
Primary Usage

Rotary medium neutral, borders, text

Avoid Using For

Large backgrounds

Common Contexts

Rotary borders, medium text, dividers

Design Rationale

Medium neutral from Rotary palette

Accessibility

Good for UI elements and secondary text

Pairs Well With

Blues, Mist, White

Base

Charcoal

NeutralLicensed Brand Color
Primary Usage

Rotary dark neutral, text, headings

Avoid Using For

Light backgrounds

Common Contexts

Rotary headings, body text, dark UI elements

Design Rationale

Dark neutral from Rotary palette

Accessibility

Excellent for text on light backgrounds

Pairs Well With

All Rotary colors, White, light neutrals

Base

Pewter

NeutralLicensed Brand Color
Primary Usage

Rotary mid-tone neutral

Avoid Using For

Primary text on white

Common Contexts

Rotary secondary text, icons, borders

Design Rationale

Mid-tone neutral from Rotary palette

Accessibility

Good for secondary UI elements

Pairs Well With

Charcoal, Silver, White

Base

Smoke

NeutralLicensed Brand Color
Primary Usage

Rotary light neutral, backgrounds

Avoid Using For

Text (insufficient contrast)

Common Contexts

Rotary light backgrounds, dividers

Design Rationale

Light neutral from Rotary palette

Accessibility

Background use primarily

Pairs Well With

Charcoal, Pewter, White

Base

Silver

NeutralLicensed Brand Color
Primary Usage

Rotary very light neutral, tints

Avoid Using For

Text

Common Contexts

Rotary backgrounds, very subtle accents

Design Rationale

Very light neutral from Rotary palette

Accessibility

Background use only

Pairs Well With

All Rotary colors, dark text

Base

White

BaseLicensed Brand Color
Primary Usage

Rotary backgrounds, text on dark backgrounds

Avoid Using For

N/A – universal

Common Contexts

Rotary backgrounds, contrast element

Design Rationale

Pure white from Rotary palette

Accessibility

Maximum contrast with dark colors

Pairs Well With

All Rotary colors

Base

Black

BaseLicensed Brand Color
Primary Usage

Rotary text, strong accents, backgrounds

Avoid Using For

N/A – universal

Common Contexts

Rotary text, high contrast elements

Design Rationale

Pure black from Rotary palette

Accessibility

Maximum contrast with light colors

Pairs Well With

All Rotary colors

Base

Storm

NeutralLicensed Brand Color
Primary Usage

Rotary warm dark neutral

Avoid Using For

Light backgrounds

Common Contexts

Rotary text, warm dark accents

Design Rationale

Warm dark neutral from Rotary palette

Accessibility

Good for text on light backgrounds

Pairs Well With

Warm neutrals, Taupe, White

Base

Ash

NeutralLicensed Brand Color
Primary Usage

Rotary warm mid-neutral

Avoid Using For

Primary text on white

Common Contexts

Rotary secondary elements, warm accents

Design Rationale

Warm mid-neutral from Rotary palette

Accessibility

Secondary text and UI elements

Pairs Well With

Storm, Platinum, White

Base

Platinum

NeutralLicensed Brand Color
Primary Usage

Rotary warm light neutral

Avoid Using For

Text

Common Contexts

Rotary backgrounds, warm tints

Design Rationale

Warm light neutral from Rotary palette

Accessibility

Background use primarily

Pairs Well With

Storm, Ash, dark text

Base

Cloud

NeutralLicensed Brand Color
Primary Usage

Rotary very light warm neutral

Avoid Using For

Text

Common Contexts

Rotary soft backgrounds, subtle tints

Design Rationale

Very light warm neutral from Rotary palette

Accessibility

Background use only

Pairs Well With

All Rotary colors, dark text

Base

Copied to clipboard!