This palette is inspired by the vibrant and feminine pink hues combined with natural soft greens and balanced with versatile neutrals, creating a bold yet approachable and elegant brand identity.
This palette is inspired by the vibrant and feminine pink hues combined with natural soft greens and balanced with versatile neutrals, creating a bold yet approachable and elegant brand identity.
Each column shows a usable logo color on a palette background, with contrast checked for clarity.
A neutral card system with the logo color, contact text, and a restrained palette accent.
A mobile landing page preview with logo, navigation, headline, CTA, content card, and chart color usage.
The palette uses a complementary color scheme featuring a vivid pink and a soft natural green, creating strong brand recognition through vibrant contrast and balance.
Numbers, pie charts, bars, stacked bars, and lines reveal whether the palette can support real product interfaces.
Assign existing palette colors to brand, typography, and interface roles.
CMYK values are calculated from HEX by default. Adjust them only when preparing print materials.
A compact view of the brand, support, and neutral colors that make up this system.
The palette uses a complementary color scheme featuring a vivid pink and a soft natural green, creating strong brand recognition through vibrant contrast and balance.
RolesLogo, Link, Btn Primary Bg, Btn Outlined Border, Btn Outlined Text
Crimson provides energetic, feminine vibrancy that commands attention and defines the brand's bold identity.
#D81E5B216, 30, 91340, 76, 480, 86, 58, 15RolesBtn Secondary Bg, Headline
Sage offers a natural, calming complement to Crimson, balancing intensity with freshness.
#6AAE80106, 174, 128139, 30, 5539, 0, 26, 32Supporting colors introduce softer accents that reinforce the main colors with subtle natural undertones and coolness for balance.
RolesIcon, Border, Divider, Outline
Moss Green complements Sage by adding a muted, earthy tone that ties the palette to nature softly.
#B7C4A7183, 196, 16787, 20, 717, 0, 15, 23Utility colors for backgrounds, text, borders, and balance.
RolesBg Light, Btn Primary Text
#FFFFFF255, 255, 2550, 0, 1000, 0, 0, 0RolesBg Dark
#F4F4F4244, 244, 2440, 0, 960, 0, 0, 4RolesText, Btn Secondary Text
#2A2A2A42, 42, 420, 0, 160, 0, 0, 84Copy palette values for design systems, websites, and client handoff. You can also copy this palette for Logo Export on myLogo.review, so your colors are ready there in one click.
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-crimson: #D81E5B;
--color-sage: #6AAE80;
--color-moss-green: #B7C4A7;
--color-white: #FFFFFF;
--color-ivory: #F4F4F4;
--color-charcoal: #2A2A2A;
}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: #D81E5B;
--role-link: #D81E5B;
--role-btn-primary-bg: #D81E5B;
--role-btn-outlined-border: #D81E5B;
--role-btn-outlined-text: #D81E5B;
--role-btn-secondary-bg: #6AAE80;
--role-headline: #6AAE80;
--role-icon: #B7C4A7;
--role-border: #B7C4A7;
--role-divider: #B7C4A7;
--role-outline: #B7C4A7;
--role-bg-light: #FFFFFF;
--role-btn-primary-text: #FFFFFF;
--role-bg-dark: #F4F4F4;
--role-text: #2A2A2A;
--role-btn-secondary-text: #2A2A2A;
}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.{
"crimson": "#D81E5B",
"sage": "#6AAE80",
"moss-green": "#B7C4A7",
"white": "#FFFFFF",
"ivory": "#F4F4F4",
"charcoal": "#2A2A2A"
}