Mille-Feuille Triadic Color Scheme
Five colors arranged by the triadic rule around Mille-Feuille (#EFC87D), each snapped to its nearest named color.
#EFC87D
#7EF4CC
#CC77EE
#FAEED7
#2EE8BB
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Mille-Feuille | #EFC87D | 239, 200, 125 | 39°, 78%, 71% | 0, 16, 48, 6 | |
| Light Turquoise | #7EF4CC | 126, 244, 204 | 160°, 84%, 73% | 48, 0, 16, 4 | |
| Fake Love | #CC77EE | 204, 119, 238 | 283°, 78%, 70% | 14, 50, 0, 7 | |
| Happy Skeleton | #FAEED7 | 250, 238, 215 | 39°, 78%, 91% | 0, 5, 14, 2 | |
| Aquamarine | #2EE8BB | 46, 232, 187 | 165°, 80%, 55% | 80, 0, 19, 9 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #CC77EE on #FAEED7 | 2.46:1 | — |
| Aa #7EF4CC on #CC77EE | 2.11:1 | — |
| Aa #CC77EE on #2EE8BB | 1.80:1 | — |
| Aa #EFC87D on #CC77EE | 1.78:1 | — |
| Aa #EFC87D on #FAEED7 | 1.38:1 | — |
| Aa #FAEED7 on #2EE8BB | 1.37:1 | — |
CSS variables
:root {
--color-1: #efc87d; /* Mille-Feuille */
--color-2: #7ef4cc; /* Light Turquoise */
--color-3: #cc77ee; /* Fake Love */
--color-4: #faeed7; /* Happy Skeleton */
--color-5: #2ee8bb; /* Aquamarine */
}Other schemes from Mille-Feuille
- Mille-Feuille Complementary Color Scheme#EFC87D#F9ECD0#7AAAE0#3C69E7#D6EAFC
- Mille-Feuille Analogous Color Scheme#FF77A8#EC9079#EFC87D#D8F878#A9F971
- Mille-Feuille Split-complementary Color Scheme#EFC87D#77DDE7#9878F8#E3AC3D#C4ECF0
- Mille-Feuille Tetradic Color Scheme#EFC87D#7BE892#7AAAE0#FF6EC7#FAEED7
- Mille-Feuille Monochromatic Color Scheme#BB8610#E3AC3D#EFC87D#F7E4C2#FBF4E8
More Light Orange triadic palettes
- 24 Karat Triadic Color Scheme#DFC685#88DDCC#CC88DD#F4ECD7#45CEA2
- 3AM Latte Triadic Color Scheme#C0A98E#8DC2A8#A590C0#E4DBCE#5EAB81
- Ancestral Gold Triadic Color Scheme#DDCDA6#AADCCD#CDA5DF#F7F5ED#6EC2B0
- Angry Pasta Triadic Color Scheme#FFCC55#55FFCC#CC55FF#FDEBBC#00FFBB
- Anise Biscotti Triadic Color Scheme#E5D5AE#AFE3D6#D6B7E2#F7F5EC#78D1B6
- Another One Bites the Dust Triadic Color Scheme#C7BBA4#A0C4BE#B8A4C8#EEEAE2#75AA94
- Apricot Triadic Color Scheme#FFB16D#6BFFB3#B36FF6#FFE7D5#20F986
- Apricotta Triadic Color Scheme#D8A48F#8CD9A1#AA8ED6#F3E0DB#54C571
- Artisans Gold Triadic Color Scheme#F2AB46#53FCA1#AB46EC#FAD6A5#19CC89
- Ashes to Ashes Triadic Color Scheme#BBB3A2#9BC2B4#B598C3#EAE4DA#6DA493
- Atomic Tangerine Triadic Color Scheme#FF9966#64E986#8866FF#FFDDCC#1EF876
- Attic Linen Triadic Color Scheme#CCBCA9#AACCBB#BCACCD#F1EEE8#7DAF94
Questions
What colors go with Mille-Feuille?
In a triadic scheme: Light Turquoise (#7EF4CC), Fake Love (#CC77EE), Happy Skeleton (#FAEED7), Aquamarine (#2EE8BB).
What is the hex code of Mille-Feuille?
#EFC87D.