anthropic-brand-colors

name	anthropic-brand-colors
description	Use this skill when you need to apply Anthropic's official brand color palette to any design artifact, poster, or visual. Contains the correct HEX values for all brand color tokens as of 2024.

Anthropic Brand Color Palette

Core Brand Colors (Official HEX Values)

Token Name	Role	HEX Value	Description
Identity Light	Backgrounds, canvas	#faf9f5	Warm off-white, the default background for all brand materials
Corporate Dark	Primary dark / text / casing	#141413	Near-black with warm undertone, used for headings, dark UI, device casings
Primary Accent	Interaction highlights, connectors, CTAs	#d97757	Warm muted orange, the primary brand accent color
Secondary Accent	Secondary highlights, thermal units	#6a9bcc	Muted steel blue, used for secondary visual accents
Tertiary Accent	Tertiary highlights, PCB substrate	#788c5d	Muted sage green, used for tertiary visual elements
Muted Mid Gray	Annotation lines, secondary text, dividers	#b0aea5	Warm mid-gray, low contrast, for subtle UI elements

Usage Rules

• Background: Always use Identity Light (#faf9f5) as the poster/page background unless explicitly overridden.
• Dark elements (device casings, heavy borders, heading text): Use Corporate Dark (#141413).
• Primary interactive elements (connector highlights, key callouts): Use Primary Accent (#d97757).
• Secondary visual accents (thermal management unit fills): Use Secondary Accent (#6a9bcc).
• Tertiary visual accents (PCB substrate fills): Use Tertiary Accent (#788c5d).
• Annotation leader lines: Use Muted Mid Gray (#b0aea5) at thin stroke widths (1–1.5px).
• Avoid: Neon colors, saturated gradients, "AI gradient" styling. All colors are low-saturation and warm-toned.

design_parameters.json Structure

When generating the design_parameters.json file, use exactly these values:

{
  "background_hex": "#faf9f5",
  "corporate_dark_hex": "#141413",
  "primary_accent_hex": "#d97757",
  "secondary_accent_hex": "#6a9bcc",
  "tertiary_accent_hex": "#788c5d",
  "muted_mid_gray_hex": "#b0aea5",
  "applied_heading_font": "Poppins"
}

If Poppins is not available on the system and a fallback is used, update applied_heading_font to the actual fallback font name that was applied (e.g., "Arial").