Cosmic Latte Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Cosmic Latte (#FFF8E7), each snapped to its nearest named color.
#FDCC4E
#FFE29B
#FFF8E7
#FFF8E4
#FFF8E4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Decisive Yellow | #FDCC4E | 253, 204, 78 | 43°, 98%, 65% | 0, 19, 69, 1 | |
| Couscous | #FFE29B | 255, 226, 155 | 43°, 100%, 80% | 0, 11, 39, 0 | |
| Cosmic Latte | #FFF8E7 | 255, 248, 231 | 42°, 100%, 95% | 0, 3, 9, 0 | |
| Sweet Frosting | #FFF8E4 | 255, 248, 228 | 44°, 100%, 95% | 0, 3, 11, 0 | |
| Sweet Frosting | #FFF8E4 | 255, 248, 228 | 44°, 100%, 95% | 0, 3, 11, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FDCC4E on #FFF8E7 | 1.42:1 | — |
| Aa #FDCC4E on #FFF8E4 | 1.42:1 | — |
| Aa #FDCC4E on #FFF8E4 | 1.42:1 | — |
| Aa #FFE29B on #FFF8E7 | 1.19:1 | — |
| Aa #FDCC4E on #FFE29B | 1.19:1 | — |
| Aa #FFE29B on #FFF8E4 | 1.19:1 | — |
CSS variables
:root {
--color-1: #fdcc4e; /* Decisive Yellow */
--color-2: #ffe29b; /* Couscous */
--color-3: #fff8e7; /* Cosmic Latte */
--color-4: #fff8e4; /* Sweet Frosting */
--color-5: #fff8e4; /* Sweet Frosting */
}Other schemes from Cosmic Latte
- Cosmic Latte Complementary Color Scheme#FFF8E7#FFF8E4#E8EEFE#99BBFF#E8EEFE
- Cosmic Latte Analogous Color Scheme#FFE5ED#FFECE5#FFF8E7#FEFFE3#F1FDE9
- Cosmic Latte Triadic Color Scheme#FFF8E7#E7FAFA#F8EBFC#FFF8E4#99FFEE
- Cosmic Latte Split-complementary Color Scheme#FFF8E7#E8F7FD#E6E6FA#FFE29B#E8F7FD
- Cosmic Latte Tetradic Color Scheme#FFF8E7#E7FBEC#E8EEFE#FEE8F5#FFF8E4
More Very Light Orange monochromatic palettes
- A Smell of Bakery Monochromatic Color Scheme#D0A664#E2C59C#F3E9D9#F8F4ED#F8F4ED
- Acropolis Monochromatic Color Scheme#E09842#F2BD85#F8E2CA#FBF4E8#FBF4E8
- Air-Kiss Monochromatic Color Scheme#DD7755#E9AA91#F6DCD2#FAEFE9#FAEFE9
- Albescent Monochromatic Color Scheme#A8946B#C2B79A#E1DACB#F6F4EF#F6F4EF
- Almond Monochromatic Color Scheme#CA9456#D8B98C#EDDCC8#F8F4ED#F8F4ED
- Almond Brittle Monochromatic Color Scheme#B88B46#D0B082#E5D3B9#F8F4ED#F8F4ED
- Alpaca Monochromatic Color Scheme#D99E66#EEC7A2#F9EDE2#F8F1EB#F8F1EB
- Ancient Scroll Monochromatic Color Scheme#C6A05E#DAC395#F0E4D1#F8F4ED#F8F4ED
- Angel Wing Monochromatic Color Scheme#D08363#E4B197#F3DFD7#FAEFE9#FAEFE9
- Angelic White Monochromatic Color Scheme#C9A375#DCC9AE#F4EDE4#F8F4ED#F8F4ED
- Apricot Freeze Monochromatic Color Scheme#DD7733#E8A773#F3CFB7#FAEFE9#FAEFE9
- Apricot Sherbet Monochromatic Color Scheme#F2850D#F7A454#FBCD9F#FFF1E8#FFF1E8
Questions
What colors go with Cosmic Latte?
In a monochromatic scheme: Decisive Yellow (#FDCC4E), Couscous (#FFE29B), Sweet Frosting (#FFF8E4), Sweet Frosting (#FFF8E4).
What is the hex code of Cosmic Latte?
#FFF8E7.