ember#F86000
Braise
- Hex
- RVB
- CMJN
- 0 · 61 · 100 · 3
Couleur de la marque : boutons, accents, mots en italique, bandeaux
Charte graphique · 02
Les couleurs
Des bruns profonds, des crèmes de papier et une seule couleur vive : le braise, comme une pièce chauffée à blanc.
La palette complète
Onze couleurs, toutes tirées de la chaleur des matières : bois sombres, corne, papier, braise. Cliquez sur un code pour le copier.
La marque
L’orange braise est la signature : boutons, accents, mots en italique. Sa version profonde sert aux petits textes sur fond clair, où la braise serait trop pâle pour être lue.
ember-deep#B83F00
Braise profonde
- Hex
- RVB
- CMJN
- 0 · 66 · 100 · 28
Orange foncé pour les petits textes et liens sur fond clair (lisible)
Les fonds sombres
La profondeur de l’atelier : encre, noyer et terre d’ombre habillent le hero, les avis, le savoir-faire et le pied de page.
ink#17120E
Encre
- Hex
- RVB
- CMJN
- 0 · 22 · 39 · 91
Texte principal, fonds très sombres, boutons pleins
walnut#241A13
Noyer
- Hex
- RVB
- CMJN
- 0 · 28 · 47 · 86
Fonds de sections sombres (savoir-faire, avis, pied de page)
umber#3B2B1F
Terre d'ombre
- Hex
- RVB
- CMJN
- 0 · 27 · 47 · 77
Dégradés et surfaces sombres secondaires
Les fonds clairs
La lumière du papier : crème par défaut, papier pour les cartes, sable pour les plaques sous les pièces.
cream#F4EDE1
Crème
- Hex
- RVB
- CMJN
- 0 · 3 · 8 · 4
Fond par défaut du site, texte sur fond sombre
paper#FBF7EF
Papier
- Hex
- RVB
- CMJN
- 0 · 2 · 5 · 2
Cartes et sections claires, un cran plus lumineux que la crème
sand#E8DCC6
Sable
- Hex
- RVB
- CMJN
- 0 · 5 · 15 · 9
Plaques derrière les produits, encadrés, sections douces
Les textes et détails
La corne pour les détails chaleureux, deux gris-bruns pour le texte secondaire (sur fond clair, sur fond sombre).
horn#BE9460
Corne
- Hex
- RVB
- CMJN
- 0 · 22 · 49 · 25
Touche chaude : filets, détails, boutons du bandeau de cookies
muted#5E4F43
Texte atténué
- Hex
- RVB
- CMJN
- 0 · 16 · 29 · 63
Texte secondaire sur fond clair
muted-light#B9A995
Texte atténué (fond sombre)
- Hex
- RVB
- CMJN
- 0 · 9 · 19 · 27
Texte secondaire sur fond sombre
Dans quelles proportions ?
Le site est surtout clair ou sombre ; l’orange reste un accent. C’est ce qui donne l’impression « classe » : une couleur forte, rare, toujours placée au bon endroit. Les pourcentages sont un repère d’usage, pas une règle comptable.
38%
9%
11%
16%
12%
10%
4%
Une section, une ambiance
Chaque section du site choisit un « ton » : fond, texte, accent et filets changent ensemble. Six tons suffisent pour tout composer.
Lisibilité et contraste
Les rapports de contraste ci-dessous suivent les recommandations d’accessibilité (WCAG). Retenez surtout une règle : sur fond clair, l’orange vif ne sert qu’aux grands titres et aux décors ; pour un petit texte, on utilise l’orange profond.
| Association | Usage | Contraste | Verdict | |
|---|---|---|---|---|
| Aa | Encre sur crème | Texte courant sur le fond du site | 16,0 : 1 | AAA · excellent |
| Aa | Encre sur papier | Texte sur les cartes | 17,4 : 1 | AAA · excellent |
| Aa | Texte atténué sur crème | Texte secondaire sur fond clair | 6,7 : 1 | AA · lisible |
| Aa | Braise profonde sur crème | Petits textes, liens, étiquettes sur fond clair | 4,8 : 1 | AA · lisible |
| Aa | Crème sur noyer | Texte sur fond sombre | 14,6 : 1 | AAA · excellent |
| Aa | Texte atténué (fond sombre) sur noyer | Texte secondaire sur fond sombre | 7,4 : 1 | AAA · excellent |
| Aa | Braise sur noyer | Titres en accent, étiquettes sur fond sombre | 5,4 : 1 | AA · lisible |
| Aa | Braise sur encre | Accents sur l’encre | 5,9 : 1 | AA · lisible |
| Aa | Encre sur braise | Boutons et bandeaux braise | 5,9 : 1 | AA · lisible |
| Aa | Braise sur crème | Braise vive sur fond clair | 2,7 : 1 | À éviter pour du texte |
Ombres et dégradés
Deux ombres seulement, douces et chaudes, et un voile d’encre pour poser du texte sur une photo.
Carte
card
Soulevée
lift
Voile d’encre
Fichiers à télécharger
La palette au format CSS (pour un développeur), JSON (pour un outil de design) et ASE (Adobe Illustrator, Photoshop, InDesign).