This palette is inspired by the soft and delicate pastel hues of the floral and bird illustration, creating an elegant and harmonious system that balances bright and subtle tones for versatile brand expression.
This palette is inspired by the soft and delicate pastel hues of the floral and bird illustration, creating an elegant and harmonious system that balances bright and subtle tones for versatile brand expression.
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 main colors are soft, light pastels that harmonize closely with gentle hues, perfect for a cohesive, calming brand experience.
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 main colors are soft, light pastels that harmonize closely with gentle hues, perfect for a cohesive, calming brand experience.
RolesLogo, Link, Btn Primary Bg, Headline
Blush Pink brings a gentle warmth and romantic softness, making it inviting and delicate.
#E8B4B8232, 180, 184355, 53, 810, 22, 21, 9RolesBtn Secondary Bg, Btn Outlined Border, Btn Outlined Text
Mint Green adds freshness and balance, complementing the softness of pink with a natural calm.
#CBE1C2203, 225, 194103, 34, 8210, 0, 14, 12Powder Blue introduces a subtle coolness that contrasts lightly for legibility and serenity.
#C3D4E6195, 212, 230211, 41, 8315, 8, 0, 10The support colors extend the palette with soft accent shades that enhance the main colors without overpowering, adding depth and versatility.
RolesIcon, Border, Divider, Outline
Cream provides a warm neutral backdrop that harmonizes with the pastels to maintain softness.
#F2E6DD242, 230, 22126, 45, 910, 5, 9, 5Lavender Gray offers a muted tone that supports the primary pink with subtle sophistication.
#D7C9D5215, 201, 213309, 15, 820, 7, 1, 16Utility colors for backgrounds, text, borders, and balance.
RolesBg Light
#FFFFFF255, 255, 2550, 0, 1000, 0, 0, 0RolesBg Dark
#EDEDED237, 237, 2370, 0, 930, 0, 0, 7RolesText, Btn Primary Text, Btn Secondary Text
#4A4A4A74, 74, 740, 0, 290, 0, 0, 71Copy 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-blush-pink: #E8B4B8;
--color-mint-green: #CBE1C2;
--color-powder-blue: #C3D4E6;
--color-cream: #F2E6DD;
--color-lavender-gray: #D7C9D5;
--color-white: #FFFFFF;
--color-light-gray: #EDEDED;
--color-slate-gray: #4A4A4A;
}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: #E8B4B8;
--role-link: #E8B4B8;
--role-btn-primary-bg: #E8B4B8;
--role-headline: #E8B4B8;
--role-btn-secondary-bg: #CBE1C2;
--role-btn-outlined-border: #CBE1C2;
--role-btn-outlined-text: #CBE1C2;
--role-icon: #F2E6DD;
--role-border: #F2E6DD;
--role-divider: #F2E6DD;
--role-outline: #F2E6DD;
--role-bg-light: #FFFFFF;
--role-bg-dark: #EDEDED;
--role-text: #4A4A4A;
--role-btn-primary-text: #4A4A4A;
--role-btn-secondary-text: #4A4A4A;
}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.{
"blush-pink": "#E8B4B8",
"mint-green": "#CBE1C2",
"powder-blue": "#C3D4E6",
"cream": "#F2E6DD",
"lavender-gray": "#D7C9D5",
"white": "#FFFFFF",
"light-gray": "#EDEDED",
"slate-gray": "#4A4A4A"
}