# Tons joyaux : codes émeraude, saphir, rubis et améthyste

[Canonical HTML page](https://gradiently.design/fr/guide/jewel-tone-colors)

L’émeraude, le saphir, le rubis et l’améthyste paraissent précieux parce qu’ils sont à la fois profonds et saturés. Voici les codes, les accords qui les gardent riches et les erreurs qui les font ressembler à un costume.

## The short version

- Les tons joyaux sont des couleurs profondes et très saturées nommées d’après les gemmes : vert émeraude, bleu saphir, rouge rubis, violet améthyste, ainsi que la topaze, la citrine, le grenat et la tourmaline.
- Ce qui fait d’une couleur un ton joyau, c’est l’association d’une forte saturation et d’une valeur moyenne à foncée : elle semble éclairée de l’intérieur plutôt que vive ou pâle.
- Les tons joyaux paraissent les plus riches à côté d’un neutre chaud comme l’ivoire, d’un quasi noir ou d’un peu d’or atténué.
- L’émeraude, le saphir, le rubis et l’améthyste réussissent tous le contraste WCAG AA pour le corps du texte sur blanc ou ivoire, avec les codes de cet article.
- Utilisez un ton joyau comme couleur dominante et au plus un autre en accent : un jeu complet de gemmes à force égale a l’air d’un costume.

Les **tons joyaux** sont des couleurs profondes et saturées nommées d’après les pierres précieuses : l’émeraude `#00674F`, le saphir `#0F52BA`, le rubis `#9B111E` et l’améthyste `#6A3D9A` sont les quatre que tout le monde reconnaît, avec la topaze, la citrine, le grenat et la tourmaline juste derrière. Ils occupent une bande étroite : bien plus riches que les pastels, plus sombres que le néon, et jamais grisés comme les tons terre. Cette combinaison explique pourquoi ils paraissent précieux, et pourquoi ils conviennent aux soirées, aux campagnes d’hiver, aux étiquettes de vin et à toute marque qui veut paraître solide sans passer au noir.

## Codes hex des tons joyaux

Ce sont des codes de travail, réglés pour ressembler à la pierre à l’écran et tenir comme texte. Les gemmes varient : il n’existe donc pas d’émeraude officielle unique, mais ces valeurs se situent bien dans ce que l’on imagine.

- Émeraude: #00674f
- Saphir: #0f52ba
- Rubis: #9b111e
- Améthyste: #6a3d9a
- Topaze: #d98e04
- Citrine: #e1b000
- Grenat: #6f1d2b
- Tourmaline: #b0185a
- Tourmaline sarcelle: #0e7c7b

Neuf tons joyaux. Les quatre premiers forment l’ensemble classique ; la topaze et la citrine sont les membres chauds et clairs de la famille.

| Ton joyau | Hex | RVB | Texte sur blanc |
| --- | --- | --- | --- |
| Émeraude | `#00674F` | 0, 103, 79 | 6,88:1, réussit AA |
| Saphir | `#0F52BA` | 15, 82, 186 | 7,15:1, réussit AAA |
| Rubis | `#9B111E` | 155, 17, 30 | 8,42:1, réussit AAA |
| Améthyste | `#6A3D9A` | 106, 61, 154 | 7,64:1, réussit AAA |
| Tourmaline sarcelle | `#0E7C7B` | 14, 124, 123 | 5,01:1, réussit AA |
| Tourmaline | `#B0185A` | 176, 24, 90 | 6,72:1, réussit AA |
| Topaze | `#D98E04` | 217, 142, 4 | utilisez un texte foncé dessus |
| Citrine | `#E1B000` | 225, 176, 0 | utilisez un texte foncé dessus |

Le contraste est mesuré par rapport au blanc pur. La topaze et la citrine sont trop claires pour du texte sur blanc, mais portent bien un texte quasi noir : la citrine avec `#14141A` atteint 9,10:1.

Si vous les voulez dans un autre format, les [codes couleur hex](https://gradiently.design/fr/guide/color-codes-explained) expliquent le lien entre hex, RVB et TSL, et [hex vers RVB](https://gradiently.design/fr/guide/hex-to-rgb) montre la conversion à la main.

## Ce qui fait d’une couleur un ton joyau

Deux réglages, tous deux à la fois. La saturation est élevée : la couleur est pure, avec presque pas de gris. La valeur est moyenne à foncée : elle se situe bien en dessous du blanc. Élevez la valeur et l’émeraude devient menthe ; baissez la saturation et elle devient sauge. Gardez les deux, et vous obtenez l’éclat de la lumière qui traverse une pierre taillée.

### Pas un ton joyau

- Menthe `#98E5C8` : trop claire, un pastel
- Sauge `#8A9A84` : grisée, un ton atténué
- Citron vert `#7CFF3A` : vif et électrique, un néon
- Forêt `#1F3B2C` : si sombre qu’on la lit comme un quasi noir

### Ton joyau

- Émeraude `#00674F` : vert pur à valeur moyenne foncée
- Saphir `#0F52BA` : bleu saturé, nettement éclairé
- Rubis `#9B111E` : rouge profond qui brille encore
- Améthyste `#6A3D9A` : violet avec de la profondeur, pas gris

C’est la même idée que décrivent les [teintes, tons et nuances](https://gradiently.design/fr/guide/tints-tones-shades) : les tons joyaux sont surtout des teintes pures avec un peu de noir ajouté, rarement du blanc ou du gris. Ils se situent aussi à l’opposé des [tons terre](https://gradiently.design/fr/guide/earth-tone-colors), qui sont les mêmes teintes tirées vers le brun.

## Palettes de couleurs tons joyaux utilisables

Un ton joyau a besoin de calme autour de lui. Seule, une page d’émeraude est lourde ; à côté de l’ivoire, elle paraît voulue. Ces quatre palettes mènent chacune avec une pierre et ajoutent le soutien dans la bonne proportion.

- **Bibliothèque émeraude :** émeraude `#00674F`, ivoire `#F6EFE2`, or atténué `#C9A24A`, encre `#14141A`. Classique, livresque, bien pour les éditeurs et les bars.
- **Nuit saphir :** saphir `#0F52BA`, minuit `#0B1430`, perle `#EEF0F5`, citrine `#E1B000` en petit accent. Calme et assurée.
- **Dîner rubis :** rubis `#9B111E`, grenat `#6F1D2B`, crème `#F4EADB`, olive `#5E6B3A`. Chaude, généreuse, faite pour la cuisine et le vin.
- **Atelier améthyste :** améthyste `#6A3D9A`, prune `#3B1F4F`, lin `#F2ECE4`, tourmaline sarcelle `#0E7C7B`. Créative et un peu inattendue.

Utilisez la [règle 60 30 10](https://gradiently.design/fr/guide/60-30-10-rule) comme répartition de départ : le neutre couvre la majeure partie de la surface, le ton joyau prend les grandes formes, et l’accent un filet. L’or fonctionne mieux atténué ; un or jaune vif à côté de l’émeraude a vite l’air d’un costume.

## Dégradés de tons joyaux

Les tons joyaux donnent certains des dégradés les plus riches qui soient, car chacun peut se fondre dans sa propre ombre sans devenir boueux. Gardez des voisins proches sur le cercle chromatique, et laissez un fond sombre faire l’essentiel du travail.

- Profondeur d’émeraude: `radial-gradient(circle at 30% 25%, #10a37f 0%, #00674f 40%, #052a22 85%)`
- Montée de saphir: `linear-gradient(150deg, #0b1430 0%, #0f52ba 60%, #4f86e6 100%)`
- Lueur de rubis: `radial-gradient(circle at 70% 30%, #d4243a 0%, #9b111e 40%, #3a0710 90%)`
- De l’améthyste à la tourmaline: `linear-gradient(160deg, #1e0f33 0%, #6a3d9a 55%, #b0185a 100%)`
- De l’émeraude au saphir: `linear-gradient(135deg, #00674f 0%, #0e7c7b 50%, #0f52ba 100%)`
- Citrine sur grenat: `radial-gradient(circle at 50% 20%, #e1b000 0%, #d98e04 30%, #6f1d2b 95%)`

Six dégradés de tons joyaux. Chacun reste dans des teintes voisines : le milieu du dégradé reste donc net.

Évitez de fondre le rubis directement dans l’émeraude. Ils sont complémentaires : le point médian devient donc brun ; les [dégradés boueux](https://gradiently.design/fr/guide/muddy-gradients) expliquent pourquoi et comment contourner le problème avec une troisième couleur ou un fond sombre.

## Où les tons joyaux fonctionnent le mieux

Les tons joyaux ont du poids : ils conviennent donc aux moments qui doivent paraître soignés, une invitation, un menu de saison, une couverture de rapport annuel, le lancement de quelque chose qui coûte vraiment cher. Composez le texte en ivoire ou en une teinte pâle de la même couleur, et gardez une mise en page sobre.

Une invitation verticale pour un dîner d’hiver avec un lettrage pâle sur un fond profond et riche

Une invitation 5×7 in en 1500×2100. Un fond profond avec un texte pâle est le geste classique des tons joyaux.

Une publication verticale pour les réseaux annonçant un produit en édition rubis limitée sur un fond profondément coloré

Une publication Instagram en 1080×1350 pour un produit en série limitée, où une seule pierre donne l’ambiance.

Beaucoup de marques choisissent les tons joyaux en automne et en hiver, et c’est précisément pourquoi une campagne de saison peut se fondre dans celle de tout le monde. Si vous voulez la richesse sans la ressemblance, un Mark de Gradiently vous offre un fond en tons joyaux que vous seul pouvez exporter une fois que vous l’avez réservé, et il garde vos mots lisibles où qu’ils se trouvent.

## Erreurs courantes avec les tons joyaux

- **Utiliser quatre pierres à pleine force.** L’émeraude, le saphir, le rubis et l’améthyste ensemble ressemblent à une boîte de bonbons. Choisissez une dominante.
- **Les associer au blanc pur.** Cela marche pour le contraste mais paraît clinique. Un ivoire chaud donne à la couleur l’air d’être plus profonde.
- **Mettre des tons joyaux clairs sous du texte blanc.** La citrine et la topaze demandent un texte foncé ; le blanc sur citrine échoue nettement au contraste.
- **Imprimer sans épreuve.** Les bleus et violets saturés sortent souvent de la gamme CMJN et ternissent sur le papier. Lisez [RVB ou CMJN](https://gradiently.design/fr/guide/rgb-vs-cmyk) avant d’envoyer un fichier.

## FAQ

### Que sont les tons joyaux ?

Les tons joyaux sont des couleurs profondes et saturées nommées d’après les gemmes, comme le vert émeraude, le bleu saphir, le rouge rubis et le violet améthyste. Ils associent une forte saturation à une valeur moyenne à foncée.

### Quel est le code hex du vert émeraude ?

Une bonne émeraude de ton joyau est `#00674F`. Les émeraudes plus claires comme `#50C878` sont courantes sur le web, mais elles se lisent comme un vert moyen vif plutôt que comme une gemme.

### Quelles couleurs vont avec les tons joyaux ?

Les neutres chauds comme l’ivoire et la crème, le quasi noir, et un peu d’or atténué. Un ton joyau paraît généralement le mieux avec au plus un autre ton joyau, en accent.

### Quelle différence entre tons joyaux et tons terre ?

Les tons joyaux sont purs et saturés ; les tons terre sont les mêmes teintes tirées vers le brun et le gris. L’émeraude est un ton joyau, l’olive est un ton terre.

### Les tons joyaux conviennent-ils à une marque ?

Ils conviennent aux marques qui veulent paraître riches, établies ou festives, comme l’hôtellerie, l’édition et les produits haut de gamme. Choisissez une pierre comme dominante et gardez beaucoup d’espace neutre autour.