Pastel Mint Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Pastel Mint (#CEF0CC), each snapped to its nearest named color.
#58D854
#9BDC96
#CEF0CC
#ECFCEC
#ECFCEC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Koopa Green Shell | #58D854 | 88, 216, 84 | 118°, 63%, 59% | 59, 0, 61, 15 | |
| Retro | #9BDC96 | 155, 220, 150 | 116°, 50%, 73% | 30, 0, 32, 14 | |
| Pastel Mint | #CEF0CC | 206, 240, 204 | 117°, 55%, 87% | 14, 0, 15, 6 | |
| Spring White | #ECFCEC | 236, 252, 236 | 120°, 73%, 96% | 6, 0, 6, 1 | |
| Spring White | #ECFCEC | 236, 252, 236 | 120°, 73%, 96% | 6, 0, 6, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #58D854 on #ECFCEC | 1.73:1 | — |
| Aa #58D854 on #ECFCEC | 1.73:1 | — |
| Aa #9BDC96 on #ECFCEC | 1.51:1 | — |
| Aa #9BDC96 on #ECFCEC | 1.51:1 | — |
| Aa #58D854 on #CEF0CC | 1.49:1 | — |
| Aa #9BDC96 on #CEF0CC | 1.30:1 | — |
CSS variables
:root {
--color-1: #58d854; /* Koopa Green Shell */
--color-2: #9bdc96; /* Retro */
--color-3: #cef0cc; /* Pastel Mint */
--color-4: #ecfcec; /* Spring White */
--color-5: #ecfcec; /* Spring White */
}Other schemes from Pastel Mint
- Pastel Mint Complementary Color Scheme#CEF0CC#ECFCEC#EECCEE#CC99DD#F8EBFC
- Pastel Mint Analogous Color Scheme#EEEECC#E5EECC#CEF0CC#D1F0DD#CCEEEE
- Pastel Mint Triadic Color Scheme#CEF0CC#CCCCEE#F1CBCD#ECFCEC#8B98D8
- Pastel Mint Split-complementary Color Scheme#CEF0CC#DACEE8#F0CFE1#9BDC96#F0EBFC
- Pastel Mint Tetradic Color Scheme#CEF0CC#CCE1EE#EECCEE#F0DCCB#ECFCEC
More Very Light Green monochromatic palettes
- Airy Fields Monochromatic Color Scheme#9CAD60#B6CA90#DBE0C4#F4F7EE#F4F7EE
- Ambrosia Monochromatic Color Scheme#74AF54#9CCA84#C6E1BC#F1F8EC#F1F8EC
- Amnesiac White Monochromatic Color Scheme#CAE277#E3EBAE#F8FBEB#F8FBEB#F8FBEB
- Arabica Mint Monochromatic Color Scheme#32FFDC#73FCD6#C0FFEE#E7FAFA#E7FAFA
- Bath Bubbles Monochromatic Color Scheme#88BB95#B3D5C0#E6F2EA#EFF5F1#EFF5F1
- Bethlehem Superstar Monochromatic Color Scheme#A9BE70#CFD5A7#EAEEDA#F4F7EE#F4F7EE
- Blissful Serenity Monochromatic Color Scheme#AEC571#CFD4A4#EAEED8#F6F7ED#F6F7ED
- Breath of Celery Monochromatic Color Scheme#97BC62#BBCC99#DCE7CB#F4F7EE#F4F7EE
- Candied Snow Monochromatic Color Scheme#3AFDDB#8CFFDB#D8FFF3#EBFCF5#EBFCF5
- Caribbean Monochromatic Color Scheme#58CEB2#88DDCC#CAF0E5#E9F9F5#E9F9F5
- Clair de Lune Monochromatic Color Scheme#7BB18D#AACCB9#DBE9DF#EFF5F1#EFF5F1
- Creamy Garlic Monochromatic Color Scheme#AFB982#CCD1B2#ECEFE3#F4F7EE#F4F7EE
Questions
What colors go with Pastel Mint?
In a monochromatic scheme: Koopa Green Shell (#58D854), Retro (#9BDC96), Spring White (#ECFCEC), Spring White (#ECFCEC).
What is the hex code of Pastel Mint?
#CEF0CC.