Vanilla Blush Tetradic Color Scheme
Five colors arranged by the tetradic rule around Vanilla Blush (#FCEDE4), each snapped to its nearest named color.
#FCEDE4
#EBF7E4
#E8F5FC
#F6E5F6
#FAEFE9
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Vanilla Blush | #FCEDE4 | 252, 237, 228 | 22°, 80%, 94% | 0, 6, 10, 1 | |
| Panache | #EBF7E4 | 235, 247, 228 | 98°, 54%, 93% | 5, 0, 8, 3 | |
| Kodama White | #E8F5FC | 232, 245, 252 | 201°, 77%, 95% | 8, 3, 0, 1 | |
| Soft Lavender | #F6E5F6 | 246, 229, 246 | 300°, 49%, 93% | 0, 7, 0, 4 | |
| Baby Blossom | #FAEFE9 | 250, 239, 233 | 21°, 63%, 95% | 0, 4, 7, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #EBF7E4 on #F6E5F6 | 1.09:1 | — |
| Aa #E8F5FC on #F6E5F6 | 1.08:1 | — |
| Aa #F6E5F6 on #FAEFE9 | 1.06:1 | — |
| Aa #FCEDE4 on #F6E5F6 | 1.05:1 | — |
| Aa #FCEDE4 on #EBF7E4 | 1.03:1 | — |
| Aa #FCEDE4 on #E8F5FC | 1.03:1 | — |
CSS variables
:root {
--color-1: #fcede4; /* Vanilla Blush */
--color-2: #ebf7e4; /* Panache */
--color-3: #e8f5fc; /* Kodama White */
--color-4: #f6e5f6; /* Soft Lavender */
--color-5: #faefe9; /* Baby Blossom */
}Other schemes from Vanilla Blush
- Vanilla Blush Complementary Color Scheme#FCEDE4#FAEFE9#E8F5FC#98D5EA#E8F5FC
- Vanilla Blush Analogous Color Scheme#FFE3F4#FDE6E7#FCEDE4#FFF9E4#F1FDE9
- Vanilla Blush Triadic Color Scheme#FCEDE4#E7FBEC#E6E6FA#FAEFE9#99EEBB
- Vanilla Blush Split-complementary Color Scheme#FCEDE4#E7FAFA#E6E6FA#F5BE9D#E7FAFA
- Vanilla Blush Monochromatic Color Scheme#F09056#F5BE9D#FCEDE4#FAEFE9#FAEFE9
More Very Light Orange tetradic palettes
- A Smell of Bakery Tetradic Color Scheme#F3E9D9#D8F2DC#D8E1F1#F4DAF1#F8F4ED
- Acropolis Tetradic Color Scheme#F8E2CA#C8F3CD#C6E3F7#FCCCF5#FBF4E8
- Air-Kiss Tetradic Color Scheme#F6DCD2#D8F3D7#D4E9F5#E8CEF6#FAEFE9
- Albescent Tetradic Color Scheme#E1DACB#C9E2CF#CBD1E1#E3CCDC#F6F4EF
- Almond Tetradic Color Scheme#EDDCC8#CBEFCB#C7DAED#EFC9EC#F8F4ED
- Almond Brittle Tetradic Color Scheme#E5D3B9#BBE6BB#B8CBE5#F1BFE2#F8F4ED
- Alpaca Tetradic Color Scheme#F9EDE2#E2F5E1#E0EBFA#F6E5F6#F8F1EB
- Ancient Scroll Tetradic Color Scheme#F0E4D1#D2EED6#D2DEF2#F0D5EA#F8F4ED
- Angel Wing Tetradic Color Scheme#F3DFD7#DBF4D8#D5EAF2#EED5EE#FAEFE9
- Angelic White Tetradic Color Scheme#F4EDE4#E3F5E5#E2ECF2#F2E4F5#F8F4ED
- Apricot Freeze Tetradic Color Scheme#F3CFB7#B8F8B8#B8DEF2#EEBBEE#FAEFE9
- Apricot Sherbet Tetradic Color Scheme#FBCD9F#98FB98#99CCFF#FF99FF#FFF1E8
Questions
What colors go with Vanilla Blush?
In a tetradic scheme: Panache (#EBF7E4), Kodama White (#E8F5FC), Soft Lavender (#F6E5F6), Baby Blossom (#FAEFE9).
What is the hex code of Vanilla Blush?
#FCEDE4.