Warp Drive Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Warp Drive (#EAF2F1), each snapped to its nearest named color.
#89BAB2
#BAD5D4
#EAF2F1
#F0F4F2
#F0F4F2
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Morning Green | #89BAB2 | 137, 186, 178 | 170°, 26%, 63% | 26, 0, 4, 27 | |
| Wingsuit Wind | #BAD5D4 | 186, 213, 212 | 178°, 24%, 78% | 13, 0, 0, 16 | |
| Warp Drive | #EAF2F1 | 234, 242, 241 | 173°, 24%, 93% | 3, 0, 0, 5 | |
| Bakery Box | #F0F4F2 | 240, 244, 242 | 150°, 15%, 95% | 2, 0, 1, 4 | |
| Bakery Box | #F0F4F2 | 240, 244, 242 | 150°, 15%, 95% | 2, 0, 1, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #89BAB2 on #F0F4F2 | 1.95:1 | — |
| Aa #89BAB2 on #F0F4F2 | 1.95:1 | — |
| Aa #89BAB2 on #EAF2F1 | 1.90:1 | — |
| Aa #BAD5D4 on #F0F4F2 | 1.40:1 | — |
| Aa #BAD5D4 on #F0F4F2 | 1.40:1 | — |
| Aa #89BAB2 on #BAD5D4 | 1.39:1 | — |
CSS variables
:root {
--color-1: #89bab2; /* Morning Green */
--color-2: #bad5d4; /* Wingsuit Wind */
--color-3: #eaf2f1; /* Warp Drive */
--color-4: #f0f4f2; /* Bakery Box */
--color-5: #f0f4f2; /* Bakery Box */
}Other schemes from Warp Drive
- Warp Drive Complementary Color Scheme#EAF2F1#F0F4F2#F2EBEA#D8BABC#F5F0F1
- Warp Drive Analogous Color Scheme#EBF1E9#EAF2ED#EAF2F1#EAEFF2#E9ECF1
- Warp Drive Triadic Color Scheme#EAF2F1#F4EAF0#F2F0EA#F0F4F2#CFBBD8
- Warp Drive Split-complementary Color Scheme#EAF2F1#F4EAF0#F3ECEA#BAD5D4#F5F0F1
- Warp Drive Tetradic Color Scheme#EAF2F1#EDE9EF#F2EBEA#EEF1EC#F0F4F2
More Very Light Teal monochromatic palettes
- Airy Monochromatic Color Scheme#77A2AD#A9C6CB#DAE6E9#F1F3F3#F1F3F3
- Alpine Expedition Monochromatic Color Scheme#04D9FF#45E9FD#99EEFF#E7FEFF#E7FEFF
- Antiguan Monochromatic Color Scheme#54AF9C#8AC5BA#BDDFD8#ECF7F7#ECF7F7
- Bare Mintimum Monochromatic Color Scheme#76A0AF#A6C4CA#D6E3E7#F0F4F8#F0F4F8
- Blister Pearl Monochromatic Color Scheme#00FFCC#55FFCC#AAFFEE#E7FEFF#E7FEFF
- Bone-Chilling Monochromatic Color Scheme#7AC0BB#AEDDD3#E1F2F0#ECF7F7#ECF7F7
- Break the Ice Monochromatic Color Scheme#38AFCD#75C7E0#B2E1EE#EEF7FA#EEF7FA
- Bubbles Monochromatic Color Scheme#53F6FF#9CFAFF#E7FEFF#E7FEFF#E7FEFF
- Calm Waters Monochromatic Color Scheme#6FEBE3#AFEEEE#E7FAFA#EBFCFC#EBFCFC
- Castle in the Sky Monochromatic Color Scheme#62B4C0#98D2D9#D1EAED#ECF7F7#ECF7F7
- Cold Canada Monochromatic Color Scheme#41FDFE#88FFFF#DBFFFE#E7FEFF#E7FEFF
- Cold Omen Monochromatic Color Scheme#72B2AF#A5D0CB#D6EAE8#ECF7F7#ECF7F7
Questions
What colors go with Warp Drive?
In a monochromatic scheme: Morning Green (#89BAB2), Wingsuit Wind (#BAD5D4), Bakery Box (#F0F4F2), Bakery Box (#F0F4F2).
What is the hex code of Warp Drive?
#EAF2F1.