Loading...
Created at 05/08/2023 06:20
Article webflow blog header figma
- White#ffffff
- Fern Green#50783c
- Eerie Black#141428
- Chinese Silver#c8c8c8
- Pastel Blue#b4c8c8
- White#dcdcdc
The palette consists of Light, Dark colors. Accent colors Fern Green #50783c and Eerie Black #141428. Palette has Neutral, Warm, Cool colors temperature.
By lightness, this palette runs from #141428 (darkest) to #FFFFFF (lightest). The lightness range is wide.
Overall saturation feels mostly muted (lower chroma).
Hues are spread broadly around the wheel — a varied palette (loose heuristic).
Overall temperature among swatches leans cool.
HEX codes (sorted): #141428, #50783C, #B4C8C8, #C8C8C8, #DCDCDC, #FFFFFF
Palette Article webflow blog header figma has combination of 6 codes colors:
HEX: #ffffff, RGB: (255, 255, 255); HEX: #50783c, RGB: (80, 120, 60); HEX: #141428, RGB: (20, 20, 40)
HEX: #c8c8c8, RGB: (200, 200, 200); HEX: #b4c8c8, RGB: (180, 200, 200); HEX: #dcdcdc, RGB: (220, 220, 220)
Simplified version of palette colors
White, Shade of darkolivegreen, Shade of Black, Shade of Silver, Tint of lightblue
Color scheme was created by colourlock
Colors codes in palette
Article webflow blog header figma color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #ffffff | #ffffff | RGB(255, 255, 255) | White | — |
| #50783c | #50783c | RGB(80, 120, 60) | Fern Green | — |
| #141428 | #141428 | RGB(20, 20, 40) | Eerie Black | — |
| #c8c8c8 | #c8c8c8 | RGB(200, 200, 200) | Chinese Silver | — |
| #b4c8c8 | #b4c8c8 | RGB(180, 200, 200) | Pastel Blue | — |
| #dcdcdc | #dcdcdc | RGB(220, 220, 220) | White | Gainsboro |
Color Palette Contrast
6 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#ffffff | #c8c8c8 | 1.67 |
#ffffff | #b4c8c8 | 1.74 |
#ffffff | #dcdcdc | 1.37 |
#c8c8c8 | #b4c8c8 | 1.04 |
#c8c8c8 | #dcdcdc | 1.22 |
#b4c8c8 | #dcdcdc | 1.27 |
Image palette Article webflow blog header figma png
Export Palette
Download the "Article webflow blog header figma" in multiple formats for seamless integration into your design projects.
Available formats: