This palette uses robust earthy and metallic tones that reflect the solid, industrial nature of a stone crusher business, balanced with neutral tones for readability and usability across digital interfaces.
This palette uses robust earthy and metallic tones that reflect the solid, industrial nature of a stone crusher business, balanced with neutral tones for readability and usability across digital interfaces.
Explore the color systemColorFly checks the palette colors against each other and suggests the clearest logo/background combinations.
The palette combines a strong Charcoal base with a supportive Olive and warm Sand, creating a recognizable and reliable industrial color system suitable for a stone crusher brand.
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 palette combines a strong Charcoal base with a supportive Olive and warm Sand, creating a recognizable and reliable industrial color system suitable for a stone crusher brand.
RolesLogo, Link, Btn Primary Bg, Btn Outlined Border, Btn Outlined Text, Headline
Charcoal conveys strength, durability, and industrial reliability essential for the stone crushing industry.
#36454F54, 69, 79204, 19, 2632, 13, 0, 69RolesBtn Secondary Bg
Olive adds an earthy, natural feel that balances the industrial coldness with grounded stability.
#6B8E23107, 142, 3580, 60, 3525, 0, 75, 44Sand brings warmth and approachability to the palette, softening the harsher tones while remaining muted enough to support the main colors.
#C2B280194, 178, 12845, 35, 630, 8, 34, 24Support colors extend the main palette with earthy, muted tones of dark brown and soft gray to complement and balance the industrial green and charcoal without overpowering them.
RolesIcon, Border, Divider, Outline
Dark Brown adds depth and complements the Olive, providing a subdued and cohesive accent that reinforces the natural earthiness.
#4B3B2B75, 59, 4330, 27, 230, 21, 43, 71Utility colors for backgrounds, text, borders, and balance.
RolesBg Light, Btn Primary Text
#FFFFFF255, 255, 2550, 0, 1000, 0, 0, 0RolesBg Dark
#F5F5DC245, 245, 22060, 56, 910, 0, 10, 4RolesText, Btn Secondary Text
#1C1C1C28, 28, 280, 0, 110, 0, 0, 89Copy 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-charcoal: #36454F;
--color-olive: #6B8E23;
--color-sand: #C2B280;
--color-dark-brown: #4B3B2B;
--color-white: #FFFFFF;
--color-beige: #F5F5DC;
--color-jet-black: #1C1C1C;
}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: #36454F;
--role-link: #36454F;
--role-btn-primary-bg: #36454F;
--role-btn-outlined-border: #36454F;
--role-btn-outlined-text: #36454F;
--role-headline: #36454F;
--role-btn-secondary-bg: #6B8E23;
--role-icon: #4B3B2B;
--role-border: #4B3B2B;
--role-divider: #4B3B2B;
--role-outline: #4B3B2B;
--role-bg-light: #FFFFFF;
--role-btn-primary-text: #FFFFFF;
--role-bg-dark: #F5F5DC;
--role-text: #1C1C1C;
--role-btn-secondary-text: #1C1C1C;
}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.{
"charcoal": "#36454F",
"olive": "#6B8E23",
"sand": "#C2B280",
"dark-brown": "#4B3B2B",
"white": "#FFFFFF",
"beige": "#F5F5DC",
"jet-black": "#1C1C1C"
}