Oxford blue est une marine profonde et savante qui signale instantanément la confiance, la tradition et la confiance tranquille. Il est suffisamment sombre pour se sentir haut de gamme, mais suffisamment flexible pour associer à la fois des tons frais et frais et des neutres chauds et tactiles.
Vous trouverez ci-dessous 20 idées de palette oxford blue raffinées avec des codes hexagonaux, ainsi que des conseils pratiques pour la marque, l'interface utilisateur, l'impression et les intérieurs afin que vous puissiez choisir rapidement les accents et garder votre design cohérent.
Dans cet article
- Pourquoi les Palettes bleues d'Oxford fonctionnent si bien
-
- Laiton de minuit
- tweed en bord de mer
- Cuir de bibliothèque
- Arctique minimal
- studio en terre cuite
- encre agrumes
- Marine botanique
- nuit de quartz rose
- Béton & cyan
- vintage ivy
- Moonlight lavender
- Port de grès
- cherry noir
- ocre ensoleillée
- Fleur d'acier
- Crème espresso
- menthe glacée
- Quart de nuit néon
- Classique maritime
- calme monochrome
- Quelles couleurs vont bien avec le bleu Oxford?
- Comment utiliser une Palette de couleurs bleu Oxford dans des modèles réels
- Créez des visuels de la Palette bleue d'Oxford avec l'IA
Pourquoi les Palettes bleues d'Oxford fonctionnent si bien
Le bleu Oxford se trouve dans la zone «autorité» de la couleur: il se sent stable, intelligent et composé. Cela en fait une ancre fiable pour les mises en page où vous avez besoin d'une crédibilité instantanée (pensez aux barres de navigation, aux en-têtes des héros ou aux titres éditoriaux).
Parce qu'il est si sombre, le bleu oxford crée un fort contraste avec les blancs cassés et les teintes claires – idéal pour la lisibilité et la hiérarchie. Vous pouvez garder les designs minimaux et les rendre toujours haut de gamme en utilisant un espace négatif et un placement soigné des accents.
Il s'associe également magnifiquement aux matériaux chauds (laiton, marron cuir, terre cuite) et aux accents frais modernes (cyan, lavande, bleu glacé). Cette polyvalence est la raison pour laquelle une palette de couleurs oxford blue fonctionne dans le domaine de la marque, de l'interface utilisateur, de l'impression et des intérieurs.
20+ idées de Palette de couleur bleu Oxford (avec Codes hexagonaux)
1) Laiton de minuit

hexagonal:#002147#0B132B#C9A227#F4E9CD#2E2E2E
Humeur:Luxe, Nocturne, Confiant
Meilleur pour:Identité de marque et emballage premium
Luxueux et profond pour le ciel nocturne, ce mélange ressemble à une quincaillerie en laiton sur une boîte en velours marine. Ces combinaisons de couleurs bleu oxford brillent pour des emballages haut de gamme, des étiquettes de boutique et des marques de marque polies. Associez le laiton avec beaucoup d'espace ivoire chaud afin que les bleus foncés ne soient pas lourds. Astuce d'utilisation: Réservez l'or pour les logos, les bordures et les petits points forts pour garder le look cher, pas bruyant.
Exemple d'Image de midnight brass généré en utilisant media.io
Media.io est un studio d'IA en ligne pour la création et l'édition de vidéos, d'images et d'audio dans votre navigateur.
2) Tweed en bord de mer

hexagonal:#002147#6B7C85#A6B8B3#E8E1D6
Humeur:côtière, texturé, détendu
Meilleur pour:lookbooks et lifestyle blogs pour hommes
Calmes et tactiles, ces tons évoquent l'air salé, le tweed tissé et les quais intempériés. L'ancre marine ajoute de la structure tandis que l'ardoise et le lin gardent la page aérée et éditoriale. Utilisez le bronzage comme petit accent pour les boutons, les guillemets ou les diviseurs de sections. Conseil: gardez la typographie dans les bleus plus foncés pour la lisibilité et laissez les neutres plus clairs faire la salle de respiration.
Exemple d'Image de seaside tweed généré en utilisant media.io
3) Cuir de bibliothèque

hexagonal:#002147#3B2F2F#8B6B4F#D6C7B2#7A1E2D
Humeur:savant, chaleureux, classique
Meilleur pour:Couvertures de livres et affiches d'événements universitaires
Érudit et chaleureux, il rappelle des volumes reliés en cuir, du vieux papier et des lampes de lecture silencieuses. Le bleu profond et le marron créent une autorité instantanée, tandis que le parchemin adoucit le contraste pour des blocs de texte plus longs. Le bourgogne fonctionne mieux comme projecteur retenu pour des dates, des badges ou un seul élément graphique. Conseils d'utilisation: Choisissez un titre serif dans le ton le plus sombre, puis gardez le texte du corps sur le parchemin pour une numérisation confortable.
Exemple d'Image de cuir de bibliothèque généré à l'aide de media.io
4) Arctique Minimal

hexagonal:#002147#EAF2FF#BFD7EA#5E6E7A#FFFFFF
Humeur:Propre, fraîche, moderne
Meilleur pour:UI du tableau de bord SaaS
Croustillant et hivernal, cet ensemble ressemble au verre, à la neige et à la lumière du matin. Le bleu foncé fait une navigation ou un en-tête fiable, tandis que les teintes glacées gardent les panneaux et les cartes légers. Steel Grey est idéal pour les icônes, les séparateurs et les étiquettes secondaires. Astuce: Utilisez le bleu le plus pâle pour les états de hover afin que les interactions soient subtiles mais toujours visibles.
Exemple d'Image de arctic minimal généré en utilisant media.io
5) Studio en terre cuite

hexagonal:#002147#C65D3B#F2D0A7#F7F3ED#1F2933
Humeur:Créatif, chaleureux, à la terre
Meilleur pour:Intérieurs de salon modernes
Chaleureux et créatif, il rappelle l'argile cuite au soleil, la toile et les ombres profondes du soir. La palette de couleurs oxford blue fonctionne magnifiquement dans les intérieurs modernes lorsque vous voulez un contraste sans devenir noir. Laissez la terre cuite apparaître dans les textiles et l'art, et gardez la crème sur les murs ou les grandes surfaces pour l'équilibre. Astuce d'utilisation: Répétez la marine à deux endroits (comme un tapis et une chaise) pour rendre la pièce intentionnelle, pas accidentelle.
Exemple d'Image de terracotta studio généré avec media.io
6) encre d'agrumes

hexagonal:#002147#FFB703#FB8500#8E9AAF#F6F7FB
Humeur:Énergique, audacieux, contemporain
Meilleur pour:Bannières promotionnelles sur les médias sociaux
Percutant et moderne, il ressemble à des agrumes vifs estampillés sur de l'encre foncée. Les oranges éclatent le plus fort lorsqu'elles sont utilisées comme courtes rafales: prix, boutons CTA ou une seule forme géométrique. Cool Grey empêche la mise en page de se sentir trop chaude et aide le type à rester propre. Astuce: Limitez l'orange à une nuance primaire et une nuance secondaire afin que la bannière reste lisible dans de petites tailles.
Exemple d'Image d'encre d'agrumes générée à l'aide de media.io
7) Marine botanique

hexagonal:#002147#2D6A4F#95D5B2#F1FAEE#A98467
Humeur:Frais, naturel, raffiné
Meilleur pour:Imprimés botaniques aquarelle
Frais et botanique, il évoque des jardins ombragés, des feuilles d'eucalyptus et un ciel bleu foncé. Les verts se sentent vivants contre le bleu marine, tandis que le blanc doux empêche l'illustration de devenir trouble. Utilisez le ton d'écorce chaud pour les tiges, les bordures ou une petite marque de signature. Astuce d'utilisation: Laissez la menthe être le lavage des feuilles le plus visible et gardez le bleu profond pour les ombres de fond et le texte.
Exemple d'Image de botanical navy généré en utilisant media.io
8) Nuit de Quartz Rose

hexagonal:#002147#F2B5D4#D8A7B1#F7EDE2
Humeur:Romantique, doux, élégant
Meilleur pour:invitations de mariage
Romantique et doux, il ressemble à des pétales de blush contre un ruban de ciel nocturne. Le bleu Oxford donne la structure de l'invitation pour la typographie, tandis que la rose et la crème maintiennent l'ambiance douce et célébrée. Utilisez le violet mauve avec parcimonie pour les monogrammes ou les petits flourishes pour éviter les ombres boueuses. Astuce: gardez la copie du corps sur le ton crème et réservez le bleu marine pour les noms et les détails clés pour une lisibilité nette.
Exemple d'Image de rose quartz Nuit généré en utilisant media.io
9) béton et Cyan

hexagonal:#002147#00B4D8#90E0EF#495057#F8F9FA
Humeur:urbain, technique, tranchant
Meilleur pour:pages de destination des startups technologiques
Urbain et tranchant, il se lit comme du béton urbain avec des reflets électriques. Le Cyan apporte une énergie technologique instantanée, tandis que le bleu foncé stabilise les têtes et la navigation. Gardez le cyan clair pour les graphiques, les badges et les états de mouvement afin que l'interface soit sensible. Astuce d'utilisation: associez le cyan avec beaucoup d'espace presque blanc et utilisez le gris béton pour le texte de forme longue pour réduire l'éblouissement.
Exemple d'image de béton et cyan généré avec media.io
10) Lierre Vintage

hexagonal: #002147 #1B4332 #A3B18A #E9EDC9 #B08968
Humeur: patrimonial, terreux, accueillant
Meilleur pour: menus de restaurant
Patrimonial et terreux, il évoque la brique couverte de lierre, le papier vieilli et des accessoires en laiton chaleureux. Comme palette oxford blue, il donne aux menus un cadre raffiné tandis que les verts gardent l'ambiance accueillante et organique. Le bronze fonctionne bien pour les séparations, icônes ou un logo discret en style tampon. Astuce : des maquettes prêtes pour l’impression ressortent mieux quand la teinte papier claire domine et que les tons plus sombres sont réservés pour les titres et les prix.
Exemple d’image de lierre vintage généré avec media.io
11) Lavande au Clair de Lune

hexagonal: #002147 #3F37C9 #B8C0FF #F3F1FF #2B2D42
Humeur: rêveur, moderne, nocturne
Meilleur pour: affiches d'événements musicaux
Rêveur et frais comme la nuit, il rappelle des projecteurs traversant une pièce bleu profond. L’indigo et la lavande créent un dégradé élégant sans devenir sucré. Utilisez le ton brume comme fond principal pour garder le texte lisible et faciliter l'impression. Astuce : placez un élément typographique en bleu Oxford bien marqué, puis laissez la lavande gérer les détails secondaires pour construire rapidement la hiérarchie.
Exemple d’image de lavande au clair de lune généré avec media.io
12) Port de Grès

hexagonal: #002147 #2F3E46 #84A98C #CAD2C5 #E6D5B8
Humeur: nature, calme, fiable
Meilleur pour: brochures de marque extérieure
Calme et fiable, il évoque des falaises côtières, l’herbe de mer, et la pierre patinée. Les bleus profonds servent à des barres de section marquées, tandis que les tons d’écume de mer et de pierre gardent la lecture aérée et claire. Le grès est idéal pour les encadrés, cartes ou éléments produits à mettre en valeur sans ostentation. Astuce : gardez les photos dans des tons froids pour renforcer la cohésion de la palette sur toutes les pages.
Exemple d’image de port de grès généré avec media.io
13) Cerise Noire

hexagonal: #002147 #5A0F1B #E63946 #F1FAEE #A8DADC
Humeur: intense, festif, contraste élevé
Meilleur pour: affiches de bar à cocktails
Intense et festif, il évoque un lounge tamisé avec une garniture cerise éclatante. Les rouges profonds et le bleu Oxford forment la base dramatique, tandis que le rouge ajoute du punch pour les titres ou les offres spéciales. Le blanc doux garde la typographie nette et la turquoise pâle apaise l’ensemble avec des petits détails secondaires. Astuce : utilisez le rouge pour une seule zone principale, laissez les tons foncés porter l’atmosphère.
Exemple d’image de cerise noire généré avec media.io
14) Ocre Ensoleillé

hexagonal: #002147 #D4A373 #FAEDCD #CCD5AE #6C584C
Humeur: lumineux, organique, soigné
Meilleur pour: planches d’inspiration déco maison
Ensoleillé et organique, il évoque des pots en argile, des herbes séchées et des finitions marines nettes. Ces combinaisons de bleu Oxford sont idéales pour des planches déco soignées où la chaleur doit rester structurée. Maintenez l’ocre et la crème dominants, puis utilisez le bleu profond pour encadrer et ancrer les légendes. Astuce : répétez la sauge dans plusieurs petits éléments pour garder l’ensemble cohérent.
Exemple d’image d’ocre ensoleillé généré avec media.io
15) Fleur d’Acier

hexagonal: #002147 #6C757D #ADB5BD #F8F0FB #E5989B
Humeur: doux, équilibré, moderne
Meilleur pour: écrans d’accueil application mobile
Doux et équilibré, il rappelle le métal brossé teinté de rose. Le bleu marine est parfait pour un en-tête ou indicateur de progression, le blanc lilas garde les écrans lumineux et amicaux. Le corail est idéal pour le bouton principal "suivant" et les icônes clés. Astuce : utilisez du texte dans la gamme des gris pour l’accessibilité et laissez le fond pastel donner le ton.
Exemple d’image de fleur d’acier généré avec media.io
16) Crème Espresso

hexagonal: #002147 #2B1D0E #B08968 #F3E9DC #7D8597
Humeur: cosy, artisanal, premium
Meilleur pour: étiquettes de packaging café
Chaleureux et artisanal, il évoque une crème d’espresso, du papier kraft et une enseigne de café à minuit. Le bleu profond et le marron espresso forment une base premium, tandis que la crème assure des textes d’étiquette lisibles et invitants. Le beige latte fonctionne bien pour de petites illustrations, indications d’origine ou niveaux de torréfaction. Astuce : utilisez le bleu-gris en encre secondaire discrète pour ajouter de la profondeur sans ajouter de nouvelles couleurs.
Exemple d’image de crème espresso généré avec media.io
17) Menthe Givrée

hexagonal: #002147 #2A9D8F #B5E2FA #F9F7F3 #E9C46A
Humeur: frais, aéré, optimiste
Meilleur pour: site web marque bien-être
Frais et aéré, il évoque une eau à la menthe dans un verre près d’une ombre bleu profond. Le turquoise et le bleu glace installent un rythme apaisant dans les sections, le ton porcelaine garde la page ouverte. L’or atténué est le meilleur choix pour surligner badges, notes ou icônes. Astuce : laissez la zone principale plutôt claire, puis amenez le bleu marine dans le pied de page ou la navigation pour ancrer la page.
Exemple d’image de menthe givrée généré avec media.io
18) Nuit Néon

hexagonal: #002147 #00F5D4 #F15BB5 #FEE440 #1B263B
Humeur: électrique, ludique, futuriste
Meilleur pour: interface d’overlay stream gaming
Électrique et futuriste, il fait penser à la lumière d’une arcade sur fond de salle de contrôle sombre. Ces palettes bleu Oxford sont parfaites en overlay de stream où l'énergie néon est présente sans sacrifier la lisibilité. Utilisez l’aqua et le jaune pour les notifications et statuts, puis gardez le rose comme accent signature afin que l’écran reste lisible. Astuce : la plupart des textes doivent s’afficher sur les bleus les plus sombres, réservez les remplissages néon à des icônes, bordures et petits badges.
Exemple d’image de nuit néon généré avec media.io
19) Maritime Classique

hexagonal: #002147 #FFFFFF #E63946 #A8DADC #457B9D
Humeur: marin, net, intemporel
Meilleur pour: logo nautique et papeterie
Marin et net, il évoque le liseré d’un pont propre et un pavillon de signalisation éclatant. Le bleu Oxford et le blanc créent un contraste intemporel pour les logos, tandis que le rouge sert d’accent parfait pour les sceaux ou ponctuations. Les bleus plus pâles ajoutent de la profondeur en arrière-plan, sur les enveloppes ou les motifs secondaires. Astuce : gardez le logo principalement en deux tons, n’utilisez les nuances bleues que sur les supports annexes pour un rendu vraiment classique.
Exemple d’image de maritime classique généré avec media.io
20) Monochrome Calme

hexagonal: #002147 #00111F #334155 #CBD5E1 #F1F5F9
Humeur: entreprise, calme, soigné
Meilleur pour: présentations corporate
Calme et soigné, il évoque une salle de réunion nocturne avec la clarté du jour sur papier. Ce schéma oxford blue est idéal pour les présentations qui requièrent de l’autorité sans contraste agressif. Utilisez les gris clairs en arrière-plan, les bleus foncés pour titres, graphes et chiffres clés. Astuce : gardez un accent constant (ardoise moyen) pour les surlignages sur tout le diaporama, cela renforce l’unité de l’ensemble.
Exemple d’image de monochrome calme généré avec media.io
Quelles couleurs vont bien avec le bleu Oxford?
Le bleu Oxford s’accorde naturellement avec les neutres doux comme l’ivoire, le parchemin et le gris clair, car ils atténuent la profondeur et assurent la lisibilité. Pour un look plus patrimonial ou tactile, ajoutez des bruns, du beige et des touches laiton.
Pour un design numérique moderne, essayez le bleu Oxford avec des bleus glacés, du cyan ou du mint-turquoise pour une énergie “tech”. Pour un effet romantique ou créatif, le rose tendre et la lavande adoucissent l’ensemble tandis que le bleu marine maintient l’équilibre.
En cas de doute, choisissez un seul accent et limitez-le : le bleu Oxford est fort, donc une couleur de surbrillance disciplinée (or, corail ou rouge signal) aura toujours plus d'impact premium que plusieurs accents vifs à la fois.
Comment utiliser une Palette de couleurs bleu Oxford dans des modèles réels
Utilisez le bleu Oxford comme ancrage : navigation, en-têtes, pieds de page ou bloc titre marquant. Placez ensuite le ton le plus clair sur les plus grandes surfaces (fonds, cartes, murs) pour un effet général ouvert et aéré.
Réservez les accents très saturés (orange, cyan, rouge cerise, néon) aux CTA, badges ou données clés. Cela structure bien la hiérarchie et aide l’utilisateur à repérer l’essentiel d’emblée.
Pour l’impression, pensez à la couvrance de l’encre et à la lisibilité—les bleus foncés ressortent mieux avec des blancs chaleureux qu’avec un blanc pur. Pour l’UI, utilisez du texte principal en ardoise gris foncé ou bleu nuit pour réduire l’éblouissement et améliorer l’accessibilité.
Créez des visuels de la Palette bleue d'Oxford avec l'IA
Si vous avez déjà les codes HEX, le moyen le plus rapide de valider une palette est de la voir en contexte : sur une affiche, étiquette, landing page ou maquette d’intérieur. Un test visuel révèle vite si un accent est trop fort ou si le fond paraît trop froid.
Avec Media.io, vous pouvez transformer un court prompt (plus votre axe chromatique) en images-concepts propres pour logos, UI, bannières sociales ou moodboards—directement en ligne.
Créez quelques variantes (changez un accent à la fois), puis comparez-les côte à côte pour choisir la combinaison bleu Oxford la plus convaincante pour votre projet.
FAQ Palette de Couleurs Bleu Oxford
-
Quel est le code HEX du bleu Oxford ?
Un code HEX bleu Oxford courant utilisé dans les palettes modernes est#002147. C’est un bleu marine profond qui fonctionne très bien comme couleur d’ancrage pour l’identité et l’UI. -
Le bleu Oxford est-il identique au bleu marine ?
Le bleu Oxford est une variante du bleu marine, mais il est généralement plus foncé, et offre un aspect plus académique ou patrimonial. Beaucoup de “bleus marine” sont plus vifs ou plus saturés que le bleu Oxford. -
Quelle couleur d'accent s'accorde le mieux avec le bleu Oxford ?
Pour une allure premium, laiton/or et ivoire chaud sont idéaux. Pour le digital, cyan ou menthe turquoise ajoutent de l’énergie tout en gardant l’ensemble net. -
Puis-je utiliser le bleu Oxford en UI sans qu’il paraisse trop sombre ?
Oui—utilisez le bleu Oxford pour la navigation et les titres clés, puis privilégiez le presque-blanc, les tons glacés et le gris clair pour les arrière-plans principaux. Les accents vifs doivent rester limités aux CTA et hovers. -
Le bleu Oxford fonctionne-t-il pour la décoration intérieure ?
Il fonctionne très bien avec des blancs chauds, crème, et des matières naturelles (bois, cuir, laiton). Utilisez-le en mur accent, sur la menuiserie ou le textile pour ne pas surcharger la pièce. -
Quelles couleurs dois-je éviter d'associer avec le bleu Oxford ?
Évitez d'utiliser trop d'accents très saturés à la fois (plusieurs néons ou couleurs primaires vives), car cela peut sembler chaotique avec une base aussi foncée. Si vous souhaitez un contraste audacieux, choisissez une couleur vive et complétez-la avec des tons neutres. -
Comment tester rapidement une palette de couleurs bleu Oxford ?
Créez quelques maquettes (bannière, page d'accueil, emballage ou affiche) et ne changez qu'une seule couleur d'accent à chaque version. Cela permet de voir facilement quelle combinaison reste lisible et cohérente avec votre image de marque.
Ensuite : Palette de couleurs Columbia Blue



