This palette channels Morgan Freeman’s calm authority, warm intelligence, and timeless presence through deep mahogany, refined teal, and a softened gold. The result feels distinguished and human, with enough contrast for confident digital use and enough warmth to avoid feeling severe.
This palette channels Morgan Freeman’s calm authority, warm intelligence, and timeless presence through deep mahogany, refined teal, and a softened gold. The result feels distinguished and human, with enough contrast for confident digital use and enough warmth to avoid feeling severe.
Explore the color systemColorFly checks the palette colors against each other and suggests the clearest logo/background combinations.
The main colors pair deep mahogany, muted teal, and softened gold to reflect gravitas, intelligence, and warmth without leaning into a single predictable mood. Together they create a recognizable system that feels cinematic, grounded, and quietly premium.
Clear roles create a consistent brand experience.Assign existing palette colors to brand, typography, and interface roles.
A compact view of the brand, support, and neutral colors that make up this system.
The main colors pair deep mahogany, muted teal, and softened gold to reflect gravitas, intelligence, and warmth without leaning into a single predictable mood. Together they create a recognizable system that feels cinematic, grounded, and quietly premium.
RolesLogo, Btn Primary Bg
Mahogany brings depth and dignity, giving the palette its grounded, human core.
#5A2A2790, 42, 394, 40, 250, 53, 57, 65RolesLink, Btn Secondary Bg
Teal adds calm clarity and modern contrast while staying restrained and sophisticated.
#4B7B7A75, 123, 122179, 24, 3939, 0, 1, 52RolesBtn Outlined Border, Btn Outlined Text, Headline
Antique Gold adds a warm spotlight effect that suggests prestige and highlights key moments without overpowering the system.
#C8A24A200, 162, 7442, 53, 540, 19, 63, 22The support colors extend the palette with subtle, low-drama accents that improve usability and soften the cinematic core. They stay muted so the main colors remain the visual signature.
RolesIcon, Border
Rosewood bridges the mahogany and gold with a quieter warm accent that supports structure and iconography.
#7A5C54122, 92, 8413, 18, 400, 25, 31, 52RolesDivider, Outline
Sage Teal softens the main teal into a gentler utility tone that helps separators and outlines feel polished.
#6E8F8A110, 143, 138171, 13, 5023, 0, 3, 44Utility colors for backgrounds, text, borders, and balance.
RolesBg Light, Btn Primary Text, Btn Secondary Text
#FFFFFF255, 255, 2550, 0, 1000, 0, 0, 0#F4EFE7244, 239, 23137, 37, 930, 2, 5, 4RolesBg Dark, Text
#12121218, 18, 180, 0, 70, 0, 0, 93Copy palette values for design systems, websites, and client handoff.
Use these in CSS when you want every raw palette color available by name. Best for websites, landing pages, and design system variables.
Use when: you need the actual colors.:root {
--color-mahogany: #5A2A27;
--color-teal: #4B7B7A;
--color-antique-gold: #C8A24A;
--color-rosewood: #7A5C54;
--color-sage-teal: #6E8F8A;
--color-white: #FFFFFF;
--color-ivory: #F4EFE7;
--color-charcoal: #121212;
}Use these in CSS when colors are assigned to practical jobs like text, buttons, borders, links, and backgrounds.
Use when: you need UI roles, not just swatches.:root {
--role-logo: #5A2A27;
--role-btn-primary-bg: #5A2A27;
--role-link: #4B7B7A;
--role-btn-secondary-bg: #4B7B7A;
--role-btn-outlined-border: #C8A24A;
--role-btn-outlined-text: #C8A24A;
--role-headline: #C8A24A;
--role-icon: #7A5C54;
--role-border: #7A5C54;
--role-divider: #6E8F8A;
--role-outline: #6E8F8A;
--role-bg-light: #FFFFFF;
--role-btn-primary-text: #FFFFFF;
--role-btn-secondary-text: #FFFFFF;
--role-bg-dark: #121212;
--role-text: #121212;
}Use this structured palette data in apps, generators, plugins, or tools that need to read the palette programmatically.
Use when: a developer or app needs data.{
"mahogany": "#5A2A27",
"teal": "#4B7B7A",
"antique-gold": "#C8A24A",
"rosewood": "#7A5C54",
"sage-teal": "#6E8F8A",
"white": "#FFFFFF",
"ivory": "#F4EFE7",
"charcoal": "#121212"
}