Minecraft color palette
GamingMinecraft's brand color system is defined by its iconic grass green, earthy browns, and stone grays, reflecting the game's blocky, natural world. The palette is stable and instantly recognizable, emphasizing a pixelated, approachable aesthetic.
minecraft.netMinecraft colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Minecraft Grass GreenPrimary98, 180, 122
- Minecraft Dirt BrownSecondary122, 92, 54
- Minecraft Stone GrayAccent60, 60, 60
Surfaces
Page, cards and dividers.- Minecraft UI BlackBackground23, 22, 21
- Minecraft Panel GraySurface38, 38, 38
- Minecraft Border SilverBorder178, 178, 178
Text
Three tiers of copy.- Minecraft WhiteText255, 255, 255
- Minecraft Light GraySecondary text207, 207, 207
- Minecraft Muted GrayMuted text138, 138, 138
Semantic
Feedback and state colors.- Minecraft Success GreenSuccess85, 212, 106
- Minecraft Warning GoldWarning246, 193, 66
- Minecraft Error RedError228, 60, 43
- Minecraft Info BlueInfo58, 179, 218
Use Minecraft's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
minecraft-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #3AB3DA;
--error: #E43C2B;
--accent: #3C3C3C;
--border: #B2B2B2;
--primary: #62B47A;
--success: #55D46A;
--surface: #262626;
--warning: #F6C142;
--secondary: #7A5C36;
--text-muted: #8A8A8A;
--background: #171615;
--text-primary: #FFFFFF;
--text-secondary: #CFCFCF;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
18.1:1
Pass
Text on surface
Needs 4.5:1 for body text
15.1:1
Pass
Secondary text on background
Needs 4.5:1 for body text
11.6:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
9.7:1
Pass
Muted text on background
Needs 3:1 for large text
5.2:1
Pass
Muted text on surface
Needs 3:1 for large text
4.4:1
Pass
Minecraft gray, dark and neutral colors
Minecraft runs a dark interface, so these grays carry the layout: background, sidebar surfaces, dividers and three tiers of text. Click a value to copy it.
- Minecraft UI BlackBackground
- HEX
- RGB
- HSL
- Minecraft Panel GraySurface
- HEX
- RGB
- HSL
- Minecraft Border SilverBorder
- HEX
- RGB
- HSL
- Minecraft WhiteText
- HEX
- RGB
- HSL
- Minecraft Light GraySecondary text
- HEX
- RGB
- HSL
- Minecraft Muted GrayMuted text
- HEX
- RGB
- HSL
About Minecraft's colors
Minecraft's palette is inspired by natural landscapes, with greens, browns, and grays dominating the UI and branding. The colors are earthy and pixelated, mirroring the in-game environment.
Primary green contrasts with stone gray for clarity.
Dirt brown complements the green for a grounded look.
Neutral grays balance the vivid accent and semantic colors.
Psychology
The green evokes creativity and growth, while browns and grays provide stability and familiarity. The palette feels playful yet grounded, appealing to a wide age range.
Evolution
Minecraft's core palette has remained consistent since its early days, maintaining the signature grass green and dirt brown. Minor adjustments have been made for digital accessibility and modern UI clarity.
Where Minecraft uses each color
- Primary
Grass green is used for the logo, key buttons, and highlights on the website and launcher.
- Secondary
Dirt brown appears in backgrounds, promotional art, and as a secondary accent in UI elements.
- Accent
Stone gray is used for navigation bars, modal backgrounds, and interface panels.
- Backgrounds
UI black and panel gray are used for main backgrounds and content surfaces in the launcher and website.
- Text
White and light gray are used for primary and secondary text, with muted gray for disabled or less prominent text.
- Semantic
Success, warning, error, and info colors are used for notifications, alerts, and status indicators in the UI.
Minecraft color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Minecraft brand color is Minecraft Grass Green, hex #62B47A.
Minecraft Grass Green (#62B47A) is RGB(98, 180, 122). For print, use approximate CMYK(46, 0, 32, 29).
Minecraft uses Stone Gray (#3C3C3C), UI Black (#171615), and Panel Gray (#262626) for neutral backgrounds and interface elements.
Use Minecraft Grass Green (#62B47A) for primary actions and branding, with supporting browns and grays for backgrounds and accents. Semantic colors should be reserved for alerts and status indicators to maintain brand consistency.
The secondary color is Minecraft Dirt Brown, #7A5C36, and the accent is Minecraft Stone Gray, #3C3C3C. Together with the primary they make up the three brand colors at the top of this page.
6 of 6 text and background pairings meet WCAG 2.1 AA contrast. The contrast section above shows every pairing with its exact ratio.
Use the export block on this page. It gives you CSS custom properties, a Tailwind config, W3C design tokens or a shadcn/ui theme built from these exact hex values, with copy and download buttons.
Yes. Export the Claude Code skill, Cursor rules or Codex prompt from the same block. The agent then applies Minecraft's colors consistently when it generates UI.
Make something in the spirit of Minecraft
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.