Mille-Feuille Tetradic Color Scheme
Five colors arranged by the tetradic rule around Mille-Feuille (#EFC87D), each snapped to its nearest named color.
#EFC87D
#7BE892
#7AAAE0
#FF6EC7
#FAEED7
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Mille-Feuille | #EFC87D | 239, 200, 125 | 39°, 78%, 71% | 0, 16, 48, 6 | |
| Ragweed | #7BE892 | 123, 232, 146 | 133°, 70%, 70% | 47, 0, 37, 9 | |
| Jordy Blue | #7AAAE0 | 122, 170, 224 | 212°, 62%, 68% | 46, 24, 0, 12 | |
| Nervous Neon Pink | #FF6EC7 | 255, 110, 199 | 323°, 100%, 72% | 0, 57, 22, 0 | |
| Happy Skeleton | #FAEED7 | 250, 238, 215 | 39°, 78%, 91% | 0, 5, 14, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FF6EC7 on #FAEED7 | 2.20:1 | — |
| Aa #7AAAE0 on #FAEED7 | 2.11:1 | — |
| Aa #7BE892 on #FF6EC7 | 1.66:1 | — |
| Aa #7BE892 on #7AAAE0 | 1.59:1 | — |
| Aa #EFC87D on #FF6EC7 | 1.59:1 | — |
| Aa #EFC87D on #7AAAE0 | 1.53:1 | — |
CSS variables
:root {
--color-1: #efc87d; /* Mille-Feuille */
--color-2: #7be892; /* Ragweed */
--color-3: #7aaae0; /* Jordy Blue */
--color-4: #ff6ec7; /* Nervous Neon Pink */
--color-5: #faeed7; /* Happy Skeleton */
}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 Triadic Color Scheme#EFC87D#7EF4CC#CC77EE#FAEED7#2EE8BB
- Mille-Feuille Split-complementary Color Scheme#EFC87D#77DDE7#9878F8#E3AC3D#C4ECF0
- Mille-Feuille Monochromatic Color Scheme#BB8610#E3AC3D#EFC87D#F7E4C2#FBF4E8
More Light Orange tetradic palettes
- 24 Karat Tetradic Color Scheme#DFC685#8FD89F#8B98D8#DA93C1#F4ECD7
- 3AM Latte Tetradic Color Scheme#C0A98E#96C193#8FA6C1#C189BC#E4DBCE
- Ancestral Gold Tetradic Color Scheme#DDCDA6#AADEB2#A6BADF#DAA6CF#F7F5ED
- Angry Pasta Tetradic Color Scheme#FFCC55#4CFF7B#5588FF#FE4EDA#FDEBBC
- Anise Biscotti Tetradic Color Scheme#E5D5AE#B4E1BB#ADBAE3#E6AED3#F7F5EC
- Another One Bites the Dust Tetradic Color Scheme#C7BBA4#A1C4A8#A5B2C7#C2A4C2#EEEAE2
- Apricot Tetradic Color Scheme#FFB16D#77FF66#75BBFD#FE6FFF#FFE7D5
- Apricotta Tetradic Color Scheme#D8A48F#98D98E#8CC1D6#C687D6#F3E0DB
- Artisans Gold Tetradic Color Scheme#F2AB46#4EFD54#4488EE#E047E1#FAD6A5
- Ashes to Ashes Tetradic Color Scheme#BBB3A2#9FC5AA#9EA5C3#CA99B7#EAE4DA
- Atomic Tangerine Tetradic Color Scheme#FF9966#9AF764#66CCFF#EE66FF#FFDDCC
- Attic Linen Tetradic Color Scheme#CCBCA9#A9CEAA#AABBCC#C9A8CE#F1EEE8
Questions
What colors go with Mille-Feuille?
In a tetradic scheme: Ragweed (#7BE892), Jordy Blue (#7AAAE0), Nervous Neon Pink (#FF6EC7), Happy Skeleton (#FAEED7).
What is the hex code of Mille-Feuille?
#EFC87D.