Because for some reason most AI providers, tools and services decided to use similar white, light and beige accents. For your next, trillion dollar company.
:root {
--ai-claude: #faf9f5;
--ai-mai: #e9d7d1;
--ai-mai-secondary: #fef8ea;
--ai-copilot: #f8f4f1;
--ai-llama: #eff2f6;
--ai-llama-secondary: #e2e8ec;
--ai-stepfun: #f5f2ef;
--ai-pi: #e6e2de;
--ai-cursor: #f6f6f2;
--ai-cursor-secondary: #dddcd6;
--ai-mistral: #fafaf7;
--ai-mistral-secondary: #f4f2ec;
--ai-opencode: #fdfcfc;
--ai-gemini: #fdfcfc;
--ai-glm: #f8f8f8;
--ai-minimax: #ffffff;
--ai-minimax-secondary: #f9f9f9;
--ai-elevenlabs: #fdfcfc;
--ai-elevenlabs-secondary: #f4f1ef;
--ai-hubspot: #fcfcf9;
--ai-artificial-analysis: #eff0f2;
--ai-kimi: #f9fbfc;
}
rgb(250, 249, 245);
rgb(233, 215, 209)
secondary
rgb(254, 248, 234)
rgb(248, 244, 241)
rgb(239, 242, 246)
secondary
rgb(226, 232, 236)
rgb(245, 242, 239)
rgb(230, 226, 222)
rgb(246, 246, 242)
secondary
rgb(221, 220, 214)
rgb(250, 250, 247)
secondary
rgb(244, 242, 236)
rgb(253, 252, 252)
rgb(253, 252, 252)
rgb(248, 248, 248)
rgb(255, 255, 255)
secondary
rgb(249, 249, 249)
rgb(253, 252, 252)
secondary
rgb(244, 241, 239)
rgb(252, 252, 249)
rgb(239, 240, 242)
rgb(249, 251, 252)
Repository is under MIT license. Design systems belongs to individual companies.
source & further reading
github.com — original article