Product Engineering Design System
- Blueprint Azure#1c6ed5
- Component Sky#6fb1fc
- Interaction Mint#5fe3c0
- Divider Fog#e4e7ec
- Primary Ink#101828
- Highlight Apricot#ffb703
Créé le 01/22/2026 09:04
La palette se compose de Semi foncé, Clair, Sombre couleurs. Couleurs d'accent Component Sky #6fb1fc et Highlight Apricot #ffb703. La palette a une température de couleur Froid, Neutre, Chaud.
En luminosité, cette palette va de #101828 (plus sombre) à #E4E7EC (plus clair). L’écart de luminosité est large.
La saturation semble globalement vive (chromie élevée) — 67% des couleurs sont vives.
Certaines couleurs sont presque opposées sur le cercle chromatique, ce qui donne à la palette un contraste complémentaire.
La température globale penche vers le froid (4 sur 6).
Codes HEX (triés) : #101828, #1C6ED5, #5FE3C0, #6FB1FC, #E4E7EC, #FFB703
La palette Product Engineering Design System combine 6 codes couleur:
HEX: #1c6ed5, RVB: (28, 110, 213); HEX: #6fb1fc, RVB: (111, 177, 252); HEX: #5fe3c0, RVB: (95, 227, 192)
HEX: #e4e7ec, RVB: (228, 231, 236); HEX: #101828, RVB: (16, 24, 40); HEX: #ffb703, RVB: (255, 183, 3)
Version simplifiée des couleurs de la palette
Nuance de Bleu royal, Teinte de Bleuet, Teinte de Aigue-marine moyen, Nuance de Bleu Alice, Teinte de Noir, Teinte de Orange
Le jeu de couleurs a été créé par colorstudio
Codes couleurs dans la palette
Product Engineering Design System codes de couleur HEX, informations RVB dans le tableau
Contraste de la palette de couleurs
6 paires de couleurs ont un faible contraste et nécessitent des améliorations, ce qui peut affecter la lisibilité.
| Couleur du texte | Couleur de l'arrière plan | Rapport de contraste |
|---|---|---|
#6fb1fc | #5fe3c0 | 1.41 |
#6fb1fc | #e4e7ec | 1.8 |
#6fb1fc | #ffb703 | 1.28 |
#5fe3c0 | #e4e7ec | 1.27 |
#5fe3c0 | #ffb703 | 1.1 |
#e4e7ec | #ffb703 | 1.4 |
Palette d'images Product Engineering Design System png
Exporter la palette
Téléchargez la "Product Engineering Design System" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :