Creamy Cloud Dreams Triadic Color Scheme
Five colors arranged by the triadic rule around Creamy Cloud Dreams (#FFF5E0), each snapped to its nearest named color.
#FFF5E0
#E6FDF1
#F6E5F6
#FFF8E4
#99FFDD
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Creamy Cloud Dreams | #FFF5E0 | 255, 245, 224 | 41°, 100%, 94% | 0, 4, 12, 0 | 97.2% 0.030 86 | |
| Mint Chiffon | #E6FDF1 | 230, 253, 241 | 149°, 85%, 95% | 9, 0, 5, 1 | 97.4% 0.029 163 | |
| Soft Lavender | #F6E5F6 | 246, 229, 246 | 300°, 49%, 93% | 0, 7, 0, 4 | 94.0% 0.029 326 | |
| Sweet Frosting | #FFF8E4 | 255, 248, 228 | 44°, 100%, 95% | 0, 3, 11, 0 | 97.9% 0.027 91 | |
| Freezy Wind | #99FFDD | 153, 255, 221 | 160°, 100%, 80% | 40, 0, 13, 0 | 92.8% 0.108 170 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F6E5F6 on #FFF8E4 | 1.13:1 | — |
| Aa #E6FDF1 on #F6E5F6 | 1.13:1 | — |
| Aa #FFF8E4 on #99FFDD | 1.12:1 | — |
| Aa #E6FDF1 on #99FFDD | 1.11:1 | — |
| Aa #FFF5E0 on #F6E5F6 | 1.11:1 | — |
| Aa #FFF5E0 on #99FFDD | 1.10:1 | — |
CSS variables
:root {
--color-1: #fff5e0; /* Creamy Cloud Dreams */
--color-2: #e6fdf1; /* Mint Chiffon */
--color-3: #f6e5f6; /* Soft Lavender */
--color-4: #fff8e4; /* Sweet Frosting */
--color-5: #99ffdd; /* Freezy Wind */
}Other schemes from Creamy Cloud Dreams
- Creamy Cloud Dreams Complementary Color Scheme#FFF5E0#FFF8E4#E0EBFA#99BBFF#E8EEFE
- Creamy Cloud Dreams Analogous Color Scheme#FBE0E8#FFE6E2#FFF5E0#FEFEE0#EBF7E4
- Creamy Cloud Dreams Split-complementary Color Scheme#FFF5E0#E0FEFE#E0E0FF#FFDD93#E8F7FD
- Creamy Cloud Dreams Tetradic Color Scheme#FFF5E0#E1F8E7#E0EBFA#FFE0F5#FFF8E4
- Creamy Cloud Dreams Monochromatic Color Scheme#FFC14B#FFDD93#FFF5E0#FFF8E4#FFF8E4
More very light orange triadic color schemes
- A Smell of Bakery Triadic Color Scheme#F3E9D9#DAF4EA#E7D7EF#F8F4ED#95E3C0
- Acropolis Triadic Color Scheme#F8E2CA#D0F7E4#E8CEF6#FBF4E8#99EEBB
- Air-Kiss Triadic Color Scheme#F6DCD2#D2F4DD#DDD6F3#FAEFE9#99EEAA
- Albescent Triadic Color Scheme#E1DACB#CAE1DA#D8CBE0#F6F4EF#9BC2B4
- Almond Triadic Color Scheme#EDDCC8#C6EADD#D5C7E8#F8F4ED#88DDBB
- Almond Brittle Triadic Color Scheme#E5D3B9#B6E5D6#D6B7E2#F8F4ED#82CDAD
- Alpaca Triadic Color Scheme#F9EDE2#E2F7F1#F0E5F5#F8F1EB#ABEDC9
- Ancient Scroll Triadic Color Scheme#F0E4D1#D2EFE6#E9D2EF#F8F4ED#98DDC5
- Angel Wing Triadic Color Scheme#F3DFD7#D7F3DD#DDD6F3#FAEFE9#99E6B3
- Angelic White Triadic Color Scheme#F4EDE4#E5F1ED#F0E5F5#F8F4ED#B0DEC8
- Apricot Freeze Triadic Color Scheme#F3CFB7#BBEFD3#CDB7FA#FAEFE9#66EEAA
- Apricot Sherbet Triadic Color Scheme#FBCD9F#96FBC4#CA9BF7#FFF1E8#56FCA2
Questions
What colors go with Creamy Cloud Dreams?
In a triadic scheme: Mint Chiffon (#E6FDF1), Soft Lavender (#F6E5F6), Sweet Frosting (#FFF8E4), Freezy Wind (#99FFDD).
What is the hex code of Creamy Cloud Dreams?
#FFF5E0.