Le moka est une teinte riche, chaleureuse et réconfortante de marron. Comme d'autres nuances de marron, il évoque des sentiments de tranquillité, de fiabilité et d'ancrage tout en transmettant une sensation de luxe et de sophistication.

Le moka est défini par les codes et valeurs de couleur suivants pour garantir la cohérence sur diverses plateformes et appareils numériques.
- Code HEX : #6D3B07
- Valeur RVB : 42,7 % rouge, 23,1 % vert, et 2,7 % bleu
L'accessibilité joue un rôle crucial dans le choix des couleurs en design UX et UI. La communauté Figma propose des plugins pour s'assurer que vos designs respectent les Web Content Accessibility Guidelines.
Voici quelques façons d'utiliser le moka dans vos designs :
- Équilibrer les accents audacieux. Si votre interface utilise une couleur forte comme accent principal, le moka offre un contrepoint ancrant. Cela crée une hiérarchie visuelle, empêchant la couleur vive de submerger l'utilisateur.
- Créer des dégradés ou textures subtils. Utilisez des nuances de la famille du moka pour créer de l'intérêt visuel et de la profondeur. Cela peut ajouter une touche de dimension aux arrière-plans ou boutons sans être envahissant.
- Intégrer des éléments vintage. Le moka se marie bien avec des éléments de design inspirés du vintage comme des accents en cuivre ou des polices classiques. Cette combinaison peut évoquer une sensation de nostalgie et d'élégance intemporelle.
Gardez à l'esprit que la couleur et sa signification peuvent varier d'une culture à l'autre et à tout moment. Si vous créez une interface pour un public international, renseignez-vous sur la signification des couleurs pour chaque pays concerné.
Pour des variations dans le même spectre riche que le moka, considérez :
- Le chocolat (#713600) est un marron profond et luxueux qui correspond à la richesse du moka.
- Le caramel (#FFD59A) est une teinte plus claire de marron avec des touches de jaune.
- Le taupe (#54463A) est une nuance neutre de marron avec des sous-tons gris plus frais que le moka.
- La cannelle (#D47E30) est un brun rougeâtre avec plus d'orange que le moka.
Pour compléter le moka, envisagez de l'associer avec :
- La crème (#FDFBD4) crée de la profondeur tout en offrant une touche de douceur.
- Le bleu clair (#90D5FF) ajoute une pointe de fraîcheur pour équilibrer la chaleur du moka et favoriser la relaxation.
- Le vert sauge (#98A869) complète les tons chauds du moka tout en mélangeant des nuances terreuses.
- Le rose poussiéreux (#DCA1A1) offre un look sophistiqué avec ses teintes vintage et atténuées lorsqu'il est associé à la richesse du moka.
D'autres couleurs à considérer incluent l'or pour mettre en valeur l'élégance, la terracotta pour souligner les tons naturels, et le gris pour laisser le moka se démarquer.
Bien que le moka soit atténué, il peut jurer avec :
- L'orange (#FFA500) peut créer une tension avec la douceur du moka en raison de son intensité.
- Le jaune pastel (#FFEE8C) semble délavé à côté de la chaleur du moka.
- L'indigo (#560591) associé au moka peut être visuellement discordant et manquer d'harmonie en raison de ses teintes plus profondes.
- Le vert lime (#89F336) surcharge la tranquillité du moka avec sa vivacité.
La teinte apaisante du moka établit des liens avec le monde naturel, en particulier le café et les tons terreux. Son association avec le sol riche et fertile renforce cette qualité d'ancrage. Sa subtile touche de chaleur suggère également une pointe de luxe et de sophistication.
En psychologie des couleurs, les teintes du moka créent un sentiment de tranquillité et de relaxation. Elles évoquent des sentiments de sécurité et de confort, comme être blotti dans un fauteuil préféré. Une touche de rouge dans le moka ajoute une pointe d'énergie, l'empêchant de paraître trop terne.
Dans le design d'interface, la nature ancrante du moka en fait un excellent choix pour les arrière-plans ou les éléments de base, créant une sensation de confort et de facilité. Exploitez la capacité du moka à transmettre le luxe pour des interfaces qui promeuvent des produits ou services haut de gamme. Il est également un choix naturel pour les designs axés sur la nature, les produits biologiques ou les initiatives de durabilité.
L'histoire du moka commence dans l'agriculture avec l'exportation de grains de café yéménites depuis le port de Mocha aux XVIe et XVIIe siècles. Au XVIIIe siècle, le terme « moka » désignait ce café au goût riche et, plus tard, la boisson chocolatée au café. En 1895, le terme « moka » est officiellement entré dans le monde de la couleur, inspiré par la teinte de ces grains convoités.
La popularité de l'espresso dans les années 1980 a renforcé le lien avec les mochaccinos et la couleur. Au cours des années 1990, le terme « moka » a été popularisé pour décrire la teinte marron chaude, s'alignant avec la tendance des tons neutres dans le design d'intérieur.
Aujourd'hui, la polyvalence du moka va au-delà d'une tasse de café. Il brille dans les déclarations de mode audacieuses, ajoute de la sophistication en tant qu'accent, et crée des intérieurs apaisants. Son éclat subtil apporte de l'élégance aux meubles et à l'éclairage.
Variantes de couleur
Nuances
Teintes
Tons
Teintes
Harmonies de couleurs
Complémentaire
Complémentaire fractionnée
Monochrome
Analogue
Triadique
Tétradique
Palettes personnalisées
Grains de café
Ancré
Excursion en camping
Vérificateur de contraste
Contraste 9,21
- Texte en grand format
#6D3B07
- Texte normal
Le mode de conception, d'alignement et de création compte. Utilisez Figma.
| Catégorie | ||
|---|---|---|
Conforme | Conforme | |
Conforme | Conforme | |
Conforme | Conforme |
Contraste 2,28
- Texte en grand format
#6D3B07
- Texte normal
Le mode de conception, d'alignement et de création compte. Utilisez Figma.
| Catégorie | ||
|---|---|---|
Non conforme | Non conforme | |
Non conforme | Non conforme | |
Non conforme | Non conforme |
Simulations de couleurs
Protanopie
Deutéranopie
Tritanopie
Achromatopsie
La couleur hexadécimale #6d3b07, connue sous le nom de Moka, a des valeurs RVB de R:109, G:59, B:7 et des valeurs CMJN de C:0, M:46, Y:94, K:57.
| VALUE | CSS | |
|---|---|---|
| HEX | #6d3b07 | #6d3b07 |
| RGB DECIMAL | 109, 59, 7 | RGB(109,59,7) |
| RGB PERCENTAGE | 42.7, 23.1, 2.7 | RGB(42.7%,23.1%,2.7%) |
| CMYK | 0, 46, 94, 57 | |
| HSL | HSL(30.6, 87.9%, 22.7%) | HSL(30.6, 87.9%, 22.7%) |
| HSV (OR HSB) | 30.6°, 93.6, 42.7 | |
| WEB SAFE | #102510 | #102510 |
| BINARY | 01101101, 00111011, 00000111 | |
| iOS - SwiftUI | Color(red: 0.427, green: 0.231, blue: 0.027) | |
| iOS - UIKit | UIColor(red: 0.427, green: 0.231, blue: 0.027, alpha: 1) | |
| Android - Compose | Color(0xFF6D3B07) |


