Mille-Feuille Analogous Color Scheme
Five colors arranged by the analogous rule around Mille-Feuille (#EFC87D), each snapped to its nearest named color.
#FF77A8
#EC9079
#EFC87D
#D8F878
#A9F971
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Pico-8 Pink | #FF77A8 | 255, 119, 168 | 338°, 100%, 73% | 0, 53, 34, 0 | |
| Lox | #EC9079 | 236, 144, 121 | 12°, 75%, 70% | 0, 39, 49, 7 | |
| Mille-Feuille | #EFC87D | 239, 200, 125 | 39°, 78%, 71% | 0, 16, 48, 6 | |
| Mystic Green | #D8F878 | 216, 248, 120 | 75°, 90%, 72% | 13, 0, 52, 3 | |
| Lima | #A9F971 | 169, 249, 113 | 95°, 92%, 71% | 32, 0, 55, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FF77A8 on #D8F878 | 2.08:1 | — |
| Aa #EC9079 on #D8F878 | 1.99:1 | — |
| Aa #FF77A8 on #A9F971 | 1.95:1 | — |
| Aa #EC9079 on #A9F971 | 1.87:1 | — |
| Aa #FF77A8 on #EFC87D | 1.56:1 | — |
| Aa #EC9079 on #EFC87D | 1.50:1 | — |
CSS variables
:root {
--color-1: #ff77a8; /* Pico-8 Pink */
--color-2: #ec9079; /* Lox */
--color-3: #efc87d; /* Mille-Feuille */
--color-4: #d8f878; /* Mystic Green */
--color-5: #a9f971; /* Lima */
}Other schemes from Mille-Feuille
- Mille-Feuille Complementary Color Scheme#EFC87D#F9ECD0#7AAAE0#3C69E7#D6EAFC
- Mille-Feuille Triadic Color Scheme#EFC87D#7EF4CC#CC77EE#FAEED7#2EE8BB
- 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 analogous palettes
- 24 Karat Analogous Color Scheme#DB899E#DF9B81#DFC685#C9DC87#9ED686
- 3AM Latte Analogous Color Scheme#C28BA1#C39191#C0A98E#BAC08A#A4C08A
- Ancestral Gold Analogous Color Scheme#DFA3BA#DDB1A8#DDCDA6#D5DCA9#B8DCA7
- Angry Pasta Analogous Color Scheme#FB5581#FF7855#FFCC55#DDFF55#9CEF43
- Anise Biscotti Analogous Color Scheme#E5ABBE#E8B9AE#E5D5AE#DDE7AE#BFE5B1
- Another One Bites the Dust Analogous Color Scheme#C4A1AF#C8A6A1#C7BBA4#C3C6A4#B5C7A4
- Apricot Analogous Color Scheme#FF6CB5#F97272#FFB16D#FFFE71#BEFD73
- Apricotta Analogous Color Scheme#DA93C1#D68F9F#D8A48F#DAC98E#C3DB8D
- Artisans Gold Analogous Color Scheme#F7468A#F7504A#F2AB46#EEEE44#9CEF43
- Ashes to Ashes Analogous Color Scheme#C19AA5#C6A499#BBB3A2#BBC199#A7C297
- Atomic Tangerine Analogous Color Scheme#FF66CC#FC6C85#FF9966#FFE464#D4FB79
- Attic Linen Analogous Color Scheme#CAA7BB#CBACAB#CCBCA9#CCCAA8#BACCA8
Questions
What colors go with Mille-Feuille?
In a analogous scheme: Pico-8 Pink (#FF77A8), Lox (#EC9079), Mystic Green (#D8F878), Lima (#A9F971).
What is the hex code of Mille-Feuille?
#EFC87D.