siemens-color-guidance

name

siemens-color-guidance

description

Comprehensive Siemens brand color reference with full color system specifications (HEX, RGB, CMYK, Pantone, HKS, NCS, RAL) for all design contexts including presentations, infographics, UI/UX, illustrations, and print. Use this when the user asks about specific color values, color systems (Pantone, CMYK, etc.), skin/hair tones for illustrations, extended color tints, or needs detailed color specifications. For presentation-specific guidance (layouts, content strategy, slide types like Key Takeaways), use siemens-brandville.

Siemens Color Guidance Skill

Complete color specifications for Siemens brand compliance across all media and production contexts.

Related Skills

• siemens-color-guidance (this skill): Use for detailed color specifications including all color systems (CMYK, Pantone, HKS, NCS, RAL), skin tones, hair tones, extended tints, and color validation across contexts (digital, print, UI, illustrations).
• siemens-brandville: Use for presentation structure, slide layouts (Title, Two Columns, Key Takeaways, etc.), content strategy (SCQA, Pyramid Principle), typography sizing, and presentation workflows.

When recommending colors for any Siemens-related material, you MUST follow the official Siemens brand color guidelines.

Brand Principles

Always ground your recommendations in these three principles:

• Make change with clarity: The bold, clear palette differentiates Siemens externally and provides orientation internally.
• Make change with purpose: Colors create a technology-inspired feel — especially on Deep Blue backgrounds, which make Bold Green and Bold Blue pop on screen.
• Make change with impact: Individual colors are bold and powerful — built to stand out in a cluttered digital age.

Core Rules

1. Deep Blue (#000028) is always the first choice for background color across all media.
2. Siemens Petrol (#009999) is the signature color — the heart of the palette.
3. Bold Green (#00ffb9) and Bold Blue (#00e6dc) combine with Petrol to form the primary color scheme.
4. If Deep Blue is inappropriate as a background, the fallback is Light Sand (#f3f3f0) or White (#ffffff).
5. Secondary colors are used primarily in information graphics, illustrations, and tables — not as primary brand colors.
6. Dark appearance is the standard — Deep Blue is preferred over light backgrounds for digital/screen contexts.
7. Corporate gradients are for organic shapes, CTA elements, and UI linear gradients only — not for general backgrounds.

Color Palette

Primary Colors

...

Instructions

1. Identify the context of the user's design task (digital/screen, print, event/exhibition, illustration).
2. Determine the element type needing a color (background, headline, CTA, chart category, illustration character, etc.).
3. Apply the Core Rules above to select the appropriate color tier (primary → secondary → additional).
4. Always provide the color name and HEX code in your response.
5. Provide CMYK and Pantone codes when the context is print or physical production.
6. Add a brief brand rationale tied to one of the three brand principles when helpful.
7. For gradients, always confirm the use case is organic shape, CTA, or UI linear — never general backgrounds.
8. Direct the user to Brandville for official asset downloads when relevant.

Presentations

For presentation-specific guidance on:

• Slide layouts (Title, Two Columns, Key Takeaways, Way Forward, etc.)
• Content structure and storytelling (SCQA framework, Pyramid Principle)
• Typography sizing and title selection
• Mandatory slides and presentation workflows

→ Use the siemens-brandville skill instead. This skill provides the color specifications; siemens-brandville provides the presentation architecture.

Examples

Slide deck background Use Deep Blue #000028 as the background. Place headlines in Bold Green #00ffb9 or White. Use secondary colors for chart data series.

Primary CTA button on dark background Button fill: Bold Green #00ffb9. Button label: Deep Blue #000028 for maximum contrast. Hover state: Soft Green #00d7a0.

Print brochure with light background Background: Light Sand #f3f3f0. Accent: Siemens Petrol #009999 (CMYK: 100 0 40 0 / Pantone: 321 C). Avoid Bold Green and Bold Blue on light backgrounds — use Soft Green or Soft Blue instead.

Color Palette Reference

🎨 Primary Colors

The core Siemens brand colors. Use these first.

Color Name	HEX	RGB	CMYK	Pantone	HKS	NCS	RAL Classic	RAL Design
Siemens Petrol ⭐	#009999	0 153 153	100 0 40 0	321 C	51 K	S 2555-B40G	5018	200 50 45
Light Petrol	#00c1b6	0 193 182	70 0 37 0	2398 C	51 K-70-00	S 2040-B50G	–	190 60 35
Bold Green	#00ffb9	0 255 185	–	3385 C	–	–	–	–
Soft Green	#00d7a0	0 215 160	60 0 50 0	2412 C	54 K-50-00	S 2040-G	–	160 70 30
Bold Blue	#00e6dc	0 230 220	–	3115 C	–	–	–	–
Soft Blue	#00bedc	0 190 220	70 0 10 0	3545 C	48 K-60-00	S 1050-B	–	220 70 35
Deep Blue 🔲	#000028	0 0 40	100 90 30 75	5255 C	41 K-100-50	S 8010-R90B	5004	280 20 15
Light Sand	#f3f3f0	243 243 240	0 0 3 8	9043 C	95 K-20-00	S 1000-N	9002	000 90 00

⭐ Siemens Petrol is the signature color. 🔲 Deep Blue is the primary background color.

---

🎨 Secondary Colors

Use primarily in information graphics, illustrations, and tables.

Sand Tones

Color Name	HEX	RGB	CMYK	Pantone	HKS	NCS	RAL Classic	RAL Design
Dark Sand	#aaaa96	170 170 150	0 0 20 43	7537 C	95 K-80-00	S 4005-G80Y	7030	100 70 05
Soft Sand	#c5c5b8	197 197 184	0 0 12 30	2330 C	95 K-60-00	S 2005-G60Y	7038	100 80 05
Bright Sand	#dfdfd9	223 223 217	0 0 6 18	Cool Gray 1 C	95 K-40-00	S 1002-G50Y	7035	000 85 00

Yellow Tones

Color Name	HEX	RGB	CMYK	Pantone	HKS	NCS	RAL Classic	RAL Design
Dark Yellow	#f7c600	247 198 0	0 25 100 5	7408 C	4 K-100-10	S 1070-Y10R	–	080 80 70
Yellow	#ffd732	255 215 50	0 15 100 0	Yellow 012 C	4 K-80-10	S 0580-Y	1018	085 80 80
Soft Yellow	#ffe270	255 226 112	0 10 70 0	120 C	1 K-100-00	S 0550-Y	–	085 80 60

Green Tones

Color Name	HEX	RGB	CMYK	Pantone	HKS	NCS	RAL Classic	RAL Design
Dark Green	#00646e	0 100 110	75 0 25 55	7476 C	51 K-100-50	S 5040-B20G	5020	210 40 25
Green	#00af8e	0 175 142	85 0 65 0	339 C	54 K-70-00	S 2060-B90G	–	170 60 45

Blue Tones

Color Name	HEX	RGB	CMYK	Pantone	HKS	NCS	RAL Classic	RAL Design
Dark Blue	#00557c	0 85 124	100 60 30 10	7700 C	46 K-100-50	S 4550-B	5019	240 40 30
Blue	#0087be	0 135 190	80 30 10 0	7689 C	46 K-80-00	S 2060-B	5012	240 50 40

Purple Tones

Color Name	HEX	RGB	CMYK	Pantone	HKS	NCS	RAL Classic	RAL Design
Dark Purple	#553ba3	85 59 163	85 100 0 0	268 C	36 K-100-00	S 3555-R60B	–	310 30 40
Purple	#805cff	128 92 255	60 80 0 0	2583 C	33 K-60-10	S 2050-R50B	–	310 60 35
Soft Purple	#b4a8ff	180 168 255	25 35 0 0	2635 C	35 K-40-00	S 1030-R60B	–	300 80 15

Deep Blue Tints (Grays)

Color Name	HEX	RGB	CMYK	Pantone	HKS	NCS
Deep Blue 80%	#333353	51 51 83	80 68 30 55	533 C	41 K-100-30	S 7020-R70B
Deep Blue 60% / Dark Gray	#66667e	102 102 126	60 48 20 40	2376 C	41 K-60-30	S 6020-R80B
Deep Blue 40%	#9999a9	153 153 169	38 28 12 20	2163 C	41 K-30-30	S 3020 B
Deep Blue 20% / Soft Gray	#ccccd4	204 204 212	20 13 5 12	537 C	41 K-20-00	S 2010-R80B
Deep Blue 10%	#e5e5e9	229 229 233	10 6 0 10	9381 C	41 K-10-10	S 1010-R70B

Accent Colors

Color Name	HEX	RGB	CMYK	Pantone	HKS	NCS	RAL Classic	RAL Design
Red	#ef0137	239 1 55	0 100 75 0	199 C	23 K-100-10	S 1085-Y90R	3018	020 50 58
Dark Orange	#ec6602	236 102 2	0 70 100 0	166 C	7 K-80-30	S 1080-Y60R	2010	050 50 78
Orange	#ff9000	255 144 0	0 45 90 0	2011 C	6 K-70-30	S 1080-Y20R	–	070 70 70

---

🎨 Additional Colors — Deep Blue Tints (Extended)

For fine-grained layering and depth in complex layouts.

Color Name	HEX	RGB	CMYK
Deep Blue 95%	#0d0d33	13 13 51	95 83 30 69
Deep Blue 90%	#19193d	25 25 61	90 78 30 65
Deep Blue 85%	#262648	38 38 72	85 72 30 61
Deep Blue 70%	#4c4c68	76 76 104	70 56 27 47
Deep Blue 55%	#737389	115 116 137	55 42 19 33
Deep Blue 50%	#808099	128 128 153	50 39 18 28
Deep Blue 30%	#b3b3be	179 179 190	29 20 9 15
Deep Blue 8%	#ebebee	235 235 238	8 5 0 8

---

🎨 Corporate Gradients

Use only for organic shapes, CTA elements, and UI linear gradients. Not for general backgrounds.

Gradient Name	Stop	HEX	RGB	CMYK
Bold Dynamic Petrol	A	#00ffb9	0 255 185	–
Bold Dynamic Petrol	B	#00e6dc	0 230 220	–
Soft Dynamic Petrol	A	#00d7a0	0 215 160	60 0 50 0
Soft Dynamic Petrol	B	#00bedc	0 190 220	70 0 10 0
Deep Blue–Siemens Petrol	A	#009999	0 153 153	100 0 40 0
Deep Blue–Siemens Petrol	B	#000028	0 0 40	100 90 30 75

📥 Download official gradient files: https://brandville.siemens.com/en/design-elements/color-new/#gradients

---

🎨 Skin Tones

For use in illustrations and people-centric visuals.

Color Name	HEX	RGB	CMYK
Skin 1	#5a2828	90 40 40	40 80 65 60
Shade 1	#411e1e	65 30 30	50 80 65 70
Skin 2	#8c5046	140 80 70	30 65 60 35
Shade 2	#643c37	100 60 55	45 70 60 50
Skin 3	#9b644b	155 100 75	30 55 60 25
Shade 3	#644132	100 65 50	45 65 70 50
Skin 4	#e7a06b	231 160 107	5 40 60 0
Shade 4	#d3834f	211 131 79	20 55 75 0
Skin 5	#ffcdaa	255 205 170	0 25 35 0
Shade 5	#ebaf87	235 175 135	5 37 50 0
Skin 6	#ffe1b8	255 225 184	0 12 32 0
Shade 6	#ecc399	236 195 153	0 25 40 8

---

🎨 Hair Tones

For use in illustrations and people-centric visuals.

Color Name	HEX	RGB	CMYK
Hair 1	#000000	0 0 0	0 0 0 100
Hair 2	#321e14	50 30 20	60 75 75 70
Hair 3	#965f2d	150 95 45	50 70 100 0
Hair 4	#b45a0a	180 90 10	0 65 100 30
Hair 5	#c3a028	195 160 40	28 35 100 0
Hair 6	#dfdfd9	223 223 217	0 0 6 18
Hair 7	#f3f3f0	243 243 240	0 0 3 8
Hair 8	#ffffff	255 255 255	0 0 0 0

---

Decision Logic for Color Recommendations

Use this logic tree when recommending colors:

User needs a color recommendation
│
├─ Is it a BACKGROUND?
│   ├─ Digital/Screen → Deep Blue (#000028) ✅ [PRIMARY CHOICE]
│   ├─ Light context (print, accessibility exception) → Light Sand (#f3f3f0) or White (#ffffff)
│   └─ Layered depth → Deep Blue tints (95% → 8%)
│
├─ Is it a PRIMARY BRAND ELEMENT (hero, headline, CTA)?
│   ├─ On Deep Blue → Bold Green (#00ffb9) or Bold Blue (#00e6dc)
│   ├─ Signature/logo context → Siemens Petrol (#009999)
│   └─ Softer feel → Soft Green (#00d7a0) or Soft Blue (#00bedc)
│
├─ Is it an INFORMATION GRAPHIC, CHART, TABLE, or ILLUSTRATION?
│   └─ Use secondary colors (Yellows, Greens, Blues, Purples, Sands, Accents)
│
├─ Is it a GRADIENT (organic shape, CTA, UI linear)?
│   └─ Use corporate gradients (Bold Dynamic Petrol, Soft Dynamic Petrol, Deep Blue–Petrol)
│
├─ Is it a PERSON/ILLUSTRATION (skin or hair)?
│   ├─ Skin → Skin 1–6 + Shade 1–6
│   └─ Hair → Hair 1–8
│
└─ Is it NEUTRAL / SUPPORTING (borders, dividers, subtle backgrounds)?
    └─ Deep Blue tints (10%–50%) or Sand tones

---

Usage Examples

Example 1: Slide Deck Design

User: "What colors should I use for a Siemens presentation?"

Response guidance:

• Background: Deep Blue #000028
• Headline text: Bold Green #00ffb9 or White #ffffff
• Body text: Light Sand #f3f3f0
• Accent / CTA: Bold Blue #00e6dc
• Charts/data: Secondary colors (Yellow, Blue, Purple series)

---

Example 2: Infographic / Data Visualization

User: "I'm building a chart with 5 categories."

Response guidance:

• Use secondary colors for category differentiation:
  • Category 1: Siemens Petrol #009999
  • Category 2: Yellow #ffd732
  • Category 3: Blue #0087be
  • Category 4: Purple #805cff
  • Category 5: Green #00af8e
• Background: Deep Blue #000028 or Deep Blue 90% #19193d

---

Example 3: UI / Web Design

User: "What color should my primary button be on a dark background?"

Response guidance:

• Button background: Bold Green #00ffb9 (CTA standard on Deep Blue)
• Button text: Deep Blue #000028 (high contrast)
• Hover state: Soft Green #00d7a0
• Background: Deep Blue #000028

---

Example 4: Light Background Exception

User: "Our print brochure needs a light background."

Response guidance:

• Background: Light Sand #f3f3f0 (preferred) or White #ffffff
• Primary text: Deep Blue #000028
• Accent: Siemens Petrol #009999
• Note: Bold Green and Bold Blue are optimized for dark backgrounds — use Soft Green/Soft Blue instead on light backgrounds.

---

Response Format Guidelines

When providing color guidance, always:

1. State the color name (e.g., "Deep Blue")
2. Provide the HEX code (e.g., #000028)
3. Mention the use case (e.g., "primary background color")
4. Add a brief brand rationale when helpful (e.g., "This creates the technology-inspired feel central to Siemens' visual identity")
5. Offer print codes (CMYK/Pantone) when the user's context is print or physical production

---

Constraints & Guardrails

• ❌ Do not recommend colors outside the official Siemens palette for brand materials.
• ❌ Do not use Bold Green or Bold Blue as background colors — they are foreground/accent colors.
• ❌ Do not apply gradients to general backgrounds — gradients are restricted to organic shapes, CTAs, and UI linear elements.
• ❌ Do not recommend Light Sand or White as the primary background for digital/screen contexts unless explicitly justified.
• ✅ Always default to Deep Blue as the background unless the user specifies a light-mode or print context.
• ✅ Always recommend secondary colors for data visualization and infographics.
• ✅ Mention Brandville (https://brandville.siemens.com) for official asset downloads when relevant.

---

Source References

Source	Description
sie-colors-overview-V1-4-4.pdf	Official Siemens color palette with full RGB, HEX, CMYK, Pantone, HKS, NCS, RAL, and Sikkens values
Siemens Brand Guidelines	Color philosophy, usage rules, and hierarchy
Brandville	https://brandville.siemens.com/en/design-elements/color-new/

---