Loading...
Created at 11/09/2018 10:00
Evergreen Functional Colors palette
- tint1#f9f9fb
- tint2#f5f6f7
- overlay#435a6f
- yellowTint#fef8e7
- greenTint#f1faf5
- orangeTint#fdf8f3
- redTint#fef6f6
- blueTint#f7f9fd
- purpleTint#f8f7fc
- tealTint#f1fbfc
The palette consists of Light, Semi dark colors. Accent colors yellowTint #fef8e7 and tealTint #f1fbfc. Palette has Neutral, Cool colors temperature.
By lightness, this palette runs from #435A6F (darkest) to #FEF6F6 (lightest). The lightness range is wide.
Saturation is mixed — some muted swatches and some vivid accents.
Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).
Most swatches read as neutral in color temperature.
HEX codes (sorted): #435A6F, #F1FAF5, #F1FBFC, #F5F6F7, #F7F9FD, #F8F7FC, #F9F9FB, #FDF8F3, #FEF6F6, #FEF8E7
Palette Evergreen Functional Colors palette has combination of 10 codes colors:
HEX: #f9f9fb, RGB: (249, 249, 251); HEX: #f5f6f7, RGB: (245, 246, 247); HEX: #435a6f, RGB: (67, 90, 111)
HEX: #fef8e7, RGB: (254, 248, 231); HEX: #f1faf5, RGB: (241, 250, 245); HEX: #fdf8f3, RGB: (253, 248, 243)
HEX: #fef6f6, RGB: (254, 246, 246); HEX: #f7f9fd, RGB: (247, 249, 253); HEX: #f8f7fc, RGB: (248, 247, 252)
HEX: #f1fbfc, RGB: (241, 251, 252)
Simplified version of palette colors
Shade of whitesmoke, Shade of whitesmoke, Shade of darkslateblue, Shade of oldlace, Tint of mintcream, Tint of floralwhite, Tint of snow, Shade of ghostwhite, Tint of ghostwhite, Tint of azure
Color scheme was created by colorswall
Colors codes in palette
Evergreen Functional Colors palette color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #f9f9fb | #f9f9fb | RGB(249, 249, 251) | tint1 | — |
| #f5f6f7 | #f5f6f7 | RGB(245, 246, 247) | tint2 | Gram's Hair |
| #435a6f | #435a6f | RGB(67, 90, 111) | overlay | Infinite Deep Sea |
| #fef8e7 | #fef8e7 | RGB(254, 248, 231) | yellowTint | — |
| #f1faf5 | #f1faf5 | RGB(241, 250, 245) | greenTint | — |
| #fdf8f3 | #fdf8f3 | RGB(253, 248, 243) | orangeTint | — |
| #fef6f6 | #fef6f6 | RGB(254, 246, 246) | redTint | — |
| #f7f9fd | #f7f9fd | RGB(247, 249, 253) | blueTint | — |
| #f8f7fc | #f8f7fc | RGB(248, 247, 252) | purpleTint | — |
| #f1fbfc | #f1fbfc | RGB(241, 251, 252) | tealTint | — |
Color Palette Contrast
36 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#f9f9fb | #f5f6f7 | 1.02 |
#f9f9fb | #fef8e7 | 1 |
#f9f9fb | #f1faf5 | 1.01 |
#f9f9fb | #fdf8f3 | 1 |
#f9f9fb | #fef6f6 | 1.01 |
#f9f9fb | #f7f9fd | 1 |
Image palette Evergreen Functional Colors palette png
Export Palette
Download the "Evergreen Functional Colors palette" in multiple formats for seamless integration into your design projects.
Available formats: