Natural Wool Tetradic Color Scheme
Five colors arranged by the tetradic rule around Natural Wool (#FFF6D7), each snapped to its nearest named color.
#FFF6D7
#DFFAE1
#D4EAFF
#FFD8F0
#FFF9E4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Natural Wool | #FFF6D7 | 255, 246, 215 | 47°, 100%, 92% | 0, 4, 16, 0 | |
| Misty Lawn | #DFFAE1 | 223, 250, 225 | 124°, 73%, 93% | 11, 0, 10, 2 | |
| Veiling Waterfalls | #D4EAFF | 212, 234, 255 | 209°, 100%, 92% | 17, 8, 0, 0 | |
| Sweet Sachet | #FFD8F0 | 255, 216, 240 | 323°, 100%, 92% | 0, 15, 6, 0 | |
| Magnolia | #FFF9E4 | 255, 249, 228 | 47°, 100%, 95% | 0, 2, 11, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FFD8F0 on #FFF9E4 | 1.22:1 | — |
| Aa #FFF6D7 on #FFD8F0 | 1.19:1 | — |
| Aa #D4EAFF on #FFF9E4 | 1.17:1 | — |
| Aa #DFFAE1 on #FFD8F0 | 1.16:1 | — |
| Aa #FFF6D7 on #D4EAFF | 1.14:1 | — |
| Aa #DFFAE1 on #D4EAFF | 1.11:1 | — |
CSS variables
:root {
--color-1: #fff6d7; /* Natural Wool */
--color-2: #dffae1; /* Misty Lawn */
--color-3: #d4eaff; /* Veiling Waterfalls */
--color-4: #ffd8f0; /* Sweet Sachet */
--color-5: #fff9e4; /* Magnolia */
}Other schemes from Natural Wool
- Natural Wool Complementary Color Scheme#FFF6D7#FFF9E4#D4EAFF#8AADF7#E8EEFE
- Natural Wool Analogous Color Scheme#FFDAE2#FCE2D7#FFF6D7#F9FDD9#E0FFDF
- Natural Wool Triadic Color Scheme#FFF6D7#D8FFF3#EEDDFF#FFF9E4#88FFEE
- Natural Wool Split-complementary Color Scheme#FFF6D7#DEF7FE#EEDDFF#FFE58C#E8F7FD
- Natural Wool Monochromatic Color Scheme#FED83A#FFE58C#FFF6D7#FFF9E4#FFF9E4
More Very Light Yellow tetradic palettes
- Au Clair de la Lune Tetradic Color Scheme#F4F2E2#E5F2E7#E1E6F2#F6E2EC#F9F7EC
- Banan-Appeal Tetradic Color Scheme#FAF3A6#AAFFCC#AAAAFF#FFA6D9#FFFBE8
- Banana Cream Tetradic Color Scheme#FFF49C#96FBC4#99AAFF#FF99DD#FFFCE4
- Banana Milk Tetradic Color Scheme#FFF7AD#AAFFCC#B5AFFF#FFAADD#FFFEE5
- Banana Split Tetradic Color Scheme#F7EEC8#C9F0D1#C9D1EF#FBCCE7#FBF9E8
- Blanc Cassé Tetradic Color Scheme#F1EEE2#E4F0E8#E1E6F2#EEE1EB#F7F5ED
- Blanco Tetradic Color Scheme#EBEAE5#E1EEE6#E0E3EF#EEE1EB#F6F4EF
- Bleached Sunflower Tetradic Color Scheme#FBE8A8#A0FEBF#A2BFFE#F2ABE1#FFF9E7
- Blond Tetradic Color Scheme#FAF0BE#BEF7CF#BBCFEF#FABFE4#FFF9E7
- Bollywood Gold Tetradic Color Scheme#FFFBAB#AAFFCC#AAAAFF#FFAADD#FFFEE5
- Bullet Hell Tetradic Color Scheme#FAF1C8#CCFFDD#CCD5FF#FFC8E9#FBF9E8
- Butter Honey Tetradic Color Scheme#F5E5AB#ABEDC9#B8B8F8#F2ABE1#FBF9E8
Questions
What colors go with Natural Wool?
In a tetradic scheme: Misty Lawn (#DFFAE1), Veiling Waterfalls (#D4EAFF), Sweet Sachet (#FFD8F0), Magnolia (#FFF9E4).
What is the hex code of Natural Wool?
#FFF6D7.