Mistral AI

Mistral AI's brand palette as captured from the live marketing site (mistral.ai). The brand is dark-first: a near-black "Matt" canvas with a warm cream "Beige" inverse, fronted by Mistral's signature "Sunshine" ramp — a six-stop orange-to-coral arc that travels from sunshine yellow (#FFD900) through marigold and pumpkin to deep ember-red (#E10500). The brand's footer band renders the full Sunshine ramp as a horizontal stripe, which is the visual signature of the identity. Mistral is dark-first; the light mode used on documentation and reading surfaces flips Matt-black to a warm Beige canvas with near-black text.

28 swatches 15 light roles 15 dark roles mistralaibranddark-firstorangesunshinegradient

Swatches

matt-deep
#000000
Pure black — deepest accent on dark canvas.
matt-black
#1F1F1F
Primary dark canvas — Mistral's matt black surface.
matt-black-tint
#3D3D3D
Elevated surface on dark canvas.
beige-light
#FFF7E0
Light canvas — warm cream paper tone.
beige-deep
#FCEFC6
Elevated surface on beige canvas.
beige-deeper
#E6D2A0
Border / quiet divider on beige canvas.
sunshine-50
#FFF0C3
Palest sunshine — surface tint.
sunshine-100
#FFE295
Pale sunshine yellow.
sunshine-200
#FFDD8A
Soft yellow.
sunshine-300
#FFD06A
Warm amber-yellow.
sunshine-400
#FFC452
Marigold.
sunshine-500
#FFB83E
Mid sunshine — pumpkin gold.
sunshine-600
#FFAD2E
Deep marigold.
sunshine-700
#FFA110
Bright orange.
sunshine-750
#F2920B
Pressed-orange variant for hover state.
sunshine-800
#FF9500
Pumpkin.
sunshine-900
#FF8A00
Burnt orange.
sunshine-950
#FF7F00
Deepest sunshine — ember orange.
mistral-orange
#FA500F
Mistral's signature warm orange — the primary brand accent.
mistral-orange-bright
#FF6D05
Brighter pumpkin-orange variant.
mistral-red
#E10500
Deepest ember-red — endpoint of the Sunshine arc.
footer-yellow
#FFD800
Footer rainbow stripe — high-yellow stop.
footer-marigold
#FFAF00
Footer rainbow stripe — marigold stop.
gray-100
#F3F4F6
Subtle elevated surface on beige canvas.
gray-300
#D1D5DC
Borders / quiet dividers on beige canvas.
gray-500
#6A7282
Tertiary text.
gray-700
#364153
Secondary text on beige canvas.
gray-900
#101828
Deep ink for text on beige canvas.

Mode role mappings

Light mode (15 roles)

accent → mistral-orange
accent-hover → sunshine-750
background → beige-light
border → beige-deeper
error → mistral-red
primary → mistral-orange
primary-hover → sunshine-750
success → sunshine-500
surface → beige-deep
surface-elevated → beige-light
text-primary → matt-black
text-secondary → gray-700
text-tertiary → gray-500
warning → sunshine-700
warning-hover → sunshine-800

Dark mode (15 roles)

accent → mistral-orange
accent-hover → sunshine-700
background → matt-black
border → matt-black-tint
error → mistral-red
primary → mistral-orange
primary-hover → sunshine-700
success → sunshine-400
surface → matt-black-tint
surface-elevated → matt-black-tint
text-primary → beige-light
text-secondary → beige-deep
text-tertiary → gray-300
warning → sunshine-500
warning-hover → sunshine-600

Provenance

Source
https://mistral.ai/
License
Proprietary — All Rights Reserved
Attribution
Mistral AI — palette values captured from the deployed stylesheet on mistral.ai (--color-mistral-sunshine-*, --mistral-beige-*, --mistral-black-matt-*, --mistral-footer-band-* CSS custom-property families). Mistral, Mistral AI, and associated marks are property of Mistral AI.
Imported
2026-05-18
Notes
Derived from live site CSS at https://mistral.ai/ on 2026-05-18; no public brand guide located. Sunshine ramp 50→950 mirrors Mistral's own internal naming (--color-mistral-sunshine-50 through --color-mistral-sunshine-950). The "footer band" tokens are the six discrete stops Mistral renders as a horizontal rainbow stripe across the site footer. The proprietary display face Pixelbasel and the proprietary mono FragmentMono are declared on mistral.ai via @font-face but are not publicly distributed; brand atom substitutes inter@1 and geist-mono@1.