This palette combines bold, passionate reds with dark mysterious hues and soft romantic accents, capturing the monster romance genre's blend of intensity and allure. It balances striking main colors with subdued support shades and a versatile neutral set for dynamic storytelling and branding.
This palette combines bold, passionate reds with dark mysterious hues and soft romantic accents, capturing the monster romance genre's blend of intensity and allure. It balances striking main colors with subdued support shades and a versatile neutral set for dynamic storytelling and branding.
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 a passionate Crimson with a dark Charcoal and a soft Rose, creating a system that embodies both romance and mystery central to the monster romance genre.
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 a passionate Crimson with a dark Charcoal and a soft Rose, creating a system that embodies both romance and mystery central to the monster romance genre.
RolesLogo, Link, Btn Primary Bg, Btn Outlined Border, Btn Outlined Text
Crimson infuses energy and passionate intensity, ideal for commanding attention and expressing deep romantic themes.
#B22222178, 34, 340, 68, 420, 81, 81, 30RolesBg Dark, Btn Secondary Bg
Charcoal delivers depth and mystery, grounding the palette with a versatile dark neutral for readability and mood.
#2F2F2F47, 47, 470, 0, 180, 0, 0, 82RolesHeadline
Rose offers a soft, alluring accent that balances intensity with tenderness, perfect for romantic highlights.
#C08081192, 128, 129359, 34, 630, 33, 33, 25Support colors subtly extend the palette with muted mauve and smoky taupe, reinforcing the dark and romantic atmosphere without overpowering the main colors.
RolesIcon, Border, Divider, Outline
Mauve complements Crimson with muted softness, enhancing the romantic mood while maintaining visual harmony.
#8B6D7B139, 109, 123332, 12, 490, 22, 12, 45Smoky Taupe introduces a grounded, earthy tone that balances Rose's warmth and Charcoal's depth for better usability.
#6E5E53110, 94, 8324, 14, 380, 15, 25, 57Utility colors for backgrounds, text, borders, and balance.
RolesBg Light, Btn Primary Text, Btn Secondary Text
#FFFFFF255, 255, 2550, 0, 1000, 0, 0, 0#F5F5F5245, 245, 2450, 0, 960, 0, 0, 4RolesText
#1A1A1A26, 26, 260, 0, 100, 0, 0, 90Copy 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: #B22222;
--color-charcoal: #2F2F2F;
--color-rose: #C08081;
--color-mauve: #8B6D7B;
--color-smoky-taupe: #6E5E53;
--color-white: #FFFFFF;
--color-ivory: #F5F5F5;
--color-rich-black: #1A1A1A;
}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: #B22222;
--role-link: #B22222;
--role-btn-primary-bg: #B22222;
--role-btn-outlined-border: #B22222;
--role-btn-outlined-text: #B22222;
--role-bg-dark: #2F2F2F;
--role-btn-secondary-bg: #2F2F2F;
--role-headline: #C08081;
--role-icon: #8B6D7B;
--role-border: #8B6D7B;
--role-divider: #8B6D7B;
--role-outline: #8B6D7B;
--role-bg-light: #FFFFFF;
--role-btn-primary-text: #FFFFFF;
--role-btn-secondary-text: #FFFFFF;
--role-text: #1A1A1A;
}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": "#B22222",
"charcoal": "#2F2F2F",
"rose": "#C08081",
"mauve": "#8B6D7B",
"smoky-taupe": "#6E5E53",
"white": "#FFFFFF",
"ivory": "#F5F5F5",
"rich-black": "#1A1A1A"
}