ai ml Color System
Mistral AI's interface is a sun-drenched landscape rendered in code — a warm, bold, unapologetically...
Mistral AI's interface is a sun-drenched landscape rendered in code — a warm, bo...
Mistral Ai uses #fa520f as the primary accent for interactive elements
Carefully selected 8 colors for ai-ml applications
Uses negative letter-spacing, gradient and more
#fa520f
The core brand color — a vivid, saturated orange-red that anchors the entire identity. Used for primary emphasis, the brand block, and the highest-signal moments.
#fb6424
A slightly warmer, lighter variant of the brand orange used for secondary brand moments and hover states.
#ff8105
A pure orange used in the gradient block system — warmer and less red than Mistral Orange.
#ff8a00
Deep golden amber — the darkest sunshine tone, used for strong accent moments.
#ffa110
Warm amber-gold — the core sunshine accent for backgrounds and interactive elements.
#ffb83e
Medium golden — balanced warmth for mid-level emphasis.
#ffd06a
Light golden — for subtle warm tints and secondary backgrounds.
#ffe295
Pale gold — soft background accents and gentle warmth.
/* Mistral Ai Color System */
:root {
--mistral.ai-mistral-orange: #fa520f;
--mistral.ai-mistral-flame: #fb6424;
--mistral.ai-block-orange: #ff8105;
--mistral.ai-sunshine-900: #ff8a00;
--mistral.ai-sunshine-700: #ffa110;
--mistral.ai-sunshine-500: #ffb83e;
--mistral.ai-sunshine-300: #ffd06a;
--mistral.ai-block-gold: #ffe295;
}
/* Example usage */
.mistral.ai-button-primary {
background-color: var(--mistral.ai-mistral-orange);
color: #ffffff;
border: none;
border-radius: 8px;
padding: 8px 15px;
}Claude's interface is a literary salon reimagined as a product page — warm, unhu...
Cohere's interface is a polished enterprise command deck — confident, clean, and...
ElevenLabs' website is a study in restrained elegance — a near-white canvas (`#f...
MiniMax's website is a clean, product-showcase platform for a Chinese AI technol...