This palette uses warm neutral beiges paired with vibrant oranges to convey energy and balance, ideal for a yoga sport brand that blends calmness with dynamic movement.
This palette uses warm neutral beiges paired with vibrant oranges to convey energy and balance, ideal for a yoga sport brand that blends calmness with dynamic movement.
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 combine earthy Beige with a vibrant Orange to create a complementary contrast that symbolizes both grounded calm and energetic vitality.
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 combine earthy Beige with a vibrant Orange to create a complementary contrast that symbolizes both grounded calm and energetic vitality.
RolesLogo, Link, Btn Primary Bg, Btn Outlined Border, Btn Outlined Text, Headline
Warm Beige offers a soft, grounded base that communicates calmness and approachability, essential for yoga and wellness branding.
#D6C1B1214, 193, 17726, 31, 770, 10, 17, 16RolesBtn Secondary Bg
Pumpkin Orange delivers vibrant energy and enthusiasm, inspiring activity and motivation in the sport context.
#E85C26232, 92, 3817, 81, 530, 60, 84, 9The support colors extend the warmth and balance of the main palette with muted terracotta and soft peach, reinforcing the natural and inviting vibe without overpowering the main tones.
RolesIcon, Border, Divider, Outline
Terracotta complements the main orange by reinforcing warmth and natural earthiness, subtly supporting key UI elements.
#B55A33181, 90, 5118, 56, 450, 50, 72, 29Peach Illusion provides a gentle, light accent that balances the deeper oranges and beiges, enhancing readability and warmth.
#F6E2D3246, 226, 21126, 66, 900, 8, 14, 4Utility colors for backgrounds, text, borders, and balance.
RolesBg Light
#FFFFFF255, 255, 2550, 0, 1000, 0, 0, 0RolesBg Dark
#F8F4F0248, 244, 24030, 36, 960, 2, 3, 3RolesText, Btn Primary Text, Btn Secondary Text
#2F2F2F47, 47, 470, 0, 180, 0, 0, 82Copy 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-warm-beige: #D6C1B1;
--color-pumpkin-orange: #E85C26;
--color-terracotta: #B55A33;
--color-peach-illusion: #F6E2D3;
--color-pure-white: #FFFFFF;
--color-ivory-lace: #F8F4F0;
--color-charcoal: #2F2F2F;
}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: #D6C1B1;
--role-link: #D6C1B1;
--role-btn-primary-bg: #D6C1B1;
--role-btn-outlined-border: #D6C1B1;
--role-btn-outlined-text: #D6C1B1;
--role-headline: #D6C1B1;
--role-btn-secondary-bg: #E85C26;
--role-icon: #B55A33;
--role-border: #B55A33;
--role-divider: #B55A33;
--role-outline: #B55A33;
--role-bg-light: #FFFFFF;
--role-bg-dark: #F8F4F0;
--role-text: #2F2F2F;
--role-btn-primary-text: #2F2F2F;
--role-btn-secondary-text: #2F2F2F;
}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.{
"warm-beige": "#D6C1B1",
"pumpkin-orange": "#E85C26",
"terracotta": "#B55A33",
"peach-illusion": "#F6E2D3",
"pure-white": "#FFFFFF",
"ivory-lace": "#F8F4F0",
"charcoal": "#2F2F2F"
}