Dégradé turquoise : codes tropicaux tout en profondeur

Un dégradé turquoise fond des bleus vifs aux reflets verts, et ceux qui font vraiment tropical ont trois choses : une lumière pâle là où le soleil frappe, un corps turquoise net et un bleu plus profond dessous. Sans cette amplitude, le turquoise paraît plat et artificiel. Voici des codes pour des lagons vifs, un turquoise doté de vraie profondeur et un turquoise près du sable chaud, puis le CSS et les couleurs de texte qui gardent tout lisible.

Turquoise, sarcelle, cyan et aqua comparés

On les emploie l’un pour l’autre, mais ce sont des couleurs différentes, et bien choisir change l’ambiance. Le turquoise est le plus vif et le plus vacances du groupe.

Si votre marque veut du calme et du sérieux, il vous faut sans doute plutôt des dégradés sarcelle. Si elle veut des vacances, de l’énergie et de la chaleur, restez ici.

Dégradés turquoise tropicaux vifs

Ce sont les fondus carte postale : eau peu profonde sur sable blanc. Chacun contient un arrêt pâle pour que le turquoise ait de quoi rayonner, et aucun ne vire au gris.

Comment donner de la profondeur à un dégradé turquoise

L’eau tropicale n’a jamais une seule couleur. Elle est pâle sur le sable, turquoise sur le récif peu profond et d’un bleu profond là où le fond s’effondre. Copiez cette structure et votre dégradé cesse de ressembler à un aplat.

1. 1

   Choisissez un fond

   Prenez un bleu profond pour la partie la plus sombre, comme #0c4a6e ou #083344. Il ancre le turquoise et lui donne de quoi briller.

2. 2

   Posez le corps

   Employez votre turquoise, entre #2dd4bf et #40e0d0, sur la plus grande zone, en général le milieu ou le haut.

3. 3

   Ajoutez une lumière

   Placez un petit arrêt presque blanc comme #ecfeff là où la lumière frapperait. Un dégradé radial dans un coin fonctionne bien.

4. 4

   Réchauffez un bord

   Si vous voulez, faites courir une teinte de sable le long du bas ou dans un coin, pour que le fondu froid ait une rive chaude.

5. 5

   Soignez la surface

   Ajoutez un grain léger pour que les couleurs vives ne forment pas de bandes quand la plateforme compresse votre image. Les dégradés granuleux donnent la méthode.

Dégradés turquoise et sable

Le partenaire le plus naturel du turquoise, c’est la plage elle-même : sable chaud, corail et blanc. Ces couleurs sont de l’autre côté du cercle par rapport au turquoise ; fondez-les donc seulement là où la saturation est faible, par des arrêts pâles, ou gardez-les en zones séparées. Vous obtenez ainsi un rivage plutôt qu’une bavure grise. Les palettes de couleurs d’été proposent d’autres combinaisons de vacances.

Où un dégradé turquoise fonctionne le mieux

Le turquoise est exubérant : il mérite sa place là où l’on attend déjà vacances, eau ou fête. Quelques usages où il bat toutes les autres couleurs :

• Voyage et hôtels : une story 1080×1920 avec « Dénivelé » derrière une seule ligne comme « Trois nuits à Lisbonne ».
• Écoles de natation et piscines : un fond pâle « Eau peu profonde » pour les horaires, avec un texte bleu marine profond.
• Bars à smoothies et marques de jus : « Lagon » avec une seule pastille de prix corail, qui ressort car elle est à l’opposé du turquoise.
• Menus d’été et affiches de festival : « Rivage » sur une affiche A4, la mer en haut et le sable là où vont les détails.
• Bijouterie : le turquoise est aussi une pierre ; un « Lumière dans l’eau » profond derrière des photos produit en argent ou en or paraît juste.

Évitez-le pour tout ce qui doit paraître discret ou formel. Un cabinet d’avocats ou des pompes funèbres seront mieux servis par la sarcelle ou le bleu marine.

CSS de dégradé turquoise avec de la lumière

Superposer deux lumières radiales à une base linéaire donne l’impression du soleil à travers l’eau. C’est léger à afficher et ne demande aucune image. La syntaxe est expliquée dans les dégradés radiaux CSS.

.section-tropical {
  background-color: #0891b2; /* fallback */
  background-image:
    radial-gradient(circle at 20% 15%, rgb(236 254 255 / 0.9) 0%, transparent 30%),
    radial-gradient(circle at 80% 40%, rgb(64 224 208 / 0.8) 0%, transparent 45%),
    linear-gradient(180deg, #5eead4 0%, #0891b2 60%, #083344 100%);
  color: #083344;
}

Du texte sur un dégradé turquoise

Le turquoise est bien plus clair qu’il n’en a l’air. Du blanc sur #40e0d0 mesure environ 1,6 pour 1, ce que personne ne lit confortablement en plein soleil sur un téléphone. Eau profonde #083344 sur le même turquoise mesure environ 8 pour 1. Employez un texte bleu marine foncé sur les zones vives, et ne passez au blanc que là où le dégradé a plongé vers un bleu profond. Pour toutes les règles, voyez contraste des couleurs et accessibilité.

C’est exactement ce que fait un Mark Gradiently de lui-même : sa région la plus calme se place derrière les mots et l’encre Auto choisit un texte clair ou foncé par ligne d’après les couleurs du Mark. Les équipes voyage et hôtellerie qui publient chaque jour trouveront d’autres idées dans les réseaux sociaux d’une agence de voyage.