Quelles sont les couleurs de la marque relume.ai ?

Les couleurs principales de relume.ai sont #ff00f4 (accent), #f1f0ee (fond) et #101010 (texte). La palette complète de 9 couleurs, avec le rôle de chacune, figure sur cette page en codes hex.

Quel est le code hex de relume.ai ?

La couleur d’accent de relume.ai est #ff00f4 ; le fond de page est #f1f0ee et la couleur principale du texte #101010. Chacune est mesurée sur la page rendue : c’est ce que voient les visiteurs, pas une valeur tirée d’une charte graphique.

Comment utiliser les couleurs de relume.ai dans Tailwind ou en CSS ?

Copiez les variables CSS ou le thème Tailwind v4 de cette page, ou téléchargez le pack de design : il inclut tokens.json (design tokens W3C), tokens.css et tailwind.css avec les mêmes valeurs.

Palette de couleurs relume.ai : codes hex et CSS

Palette

9 couleurs

Couleurs	Rôle	Hex	RGB	Clair / sombre
`background`	Page background	`#f1f0ee`	`rgb(241 240 238)`	`#101010`
`surface`	Cards, panels, raised or recessed surfaces	`#ffffff`	`rgb(255 255 255)`	`#2b2319`
`surface-2`	Secondary surface	`#e4e3e1`	`rgb(228 227 225)`	`#1a1a1a`
`foreground`	Primary text	`#101010`	`rgb(16 16 16)`	`#ffffff`
`muted-foreground`	Secondary text, captions	`#343434`	`rgb(52 52 52)`	`#8a8a8a`
`primary`	Candidate accent (semantic role inferred)	`#ff00f4`	`rgb(255 0 244)`	`#6c0063`
`on-primary`	Text on the accent	`#111111`	`rgb(17 17 17)`	`#ffffff`
`secondary`	Secondary accent (cyan)	`#98eafd`	`rgb(152 234 253)`	`#102d66`
`border`	Hairlines, dividers, input borders	`#dcdbd9`	`rgb(220 219 217)`	`#1e1e1e`

Variables CSS

Chaque couleur en propriété personnalisée, nommée par rôle. Le bloc sombre est présent quand le site a un thème sombre.

1:root {
2  --color-background: #f1f0ee;
3  --color-surface: #ffffff;
4  --color-surface-2: #e4e3e1;
5  --color-foreground: #101010;
6  --color-muted-foreground: #343434;
7  --color-primary: #ff00f4;
8  --color-on-primary: #111111;
9  --color-secondary: #98eafd;
10  --color-border: #dcdbd9;
11}
12
13[data-theme="dark"] {
14  --color-background: #101010;
15  --color-surface: #2b2319;
16  --color-surface-2: #1a1a1a;
17  --color-foreground: #ffffff;
18  --color-muted-foreground: #8a8a8a;
19  --color-primary: #6c0063;
20  --color-on-primary: #ffffff;
21  --color-secondary: #102d66;
22  --color-border: #1e1e1e;
23}

Pour les agents IA

Le pack est du texte brut, sans clé : récupérez DESIGN.md, ou confiez tout le pack à Claude Code, Cursor ou Copilot via le serveur MCP.

curl -s https://stylepack.ai/packs/relume.ai/DESIGN.md

La palette de couleurs de relume.ai