Created at 06/09/2025 15:59
Neobrutalist CSS Grid Canvas
Bold Brick
#c83349
Monospace Green
#55d6be
Raw White
#f3f3f3
System Gray
#9099a2
Hard Margin Black
#181818
Offset Orange
#ff7e47
The palette consists of Semi dark, Light, Dark colors. Accent colors Monospace Green #55d6be and Offset Orange #ff7e47. Palette has Warm, Cool, Neutral colors temperature.
Palette Neobrutalist CSS Grid Canvas has combination of 6 codes colors:
HEX: #c83349, RGB: (200, 51, 73); HEX: #55d6be, RGB: (85, 214, 190); HEX: #f3f3f3, RGB: (243, 243, 243)
HEX: #9099a2, RGB: (144, 153, 162); HEX: #181818, RGB: (24, 24, 24); HEX: #ff7e47, RGB: (255, 126, 71)
Simplified version of palette colors
Shade of crimson, Tint of turquoise, Tint of whitesmoke, Shade of lightslategrey, Shade of Black, Tint of coral
Color scheme was created by bad_colors
Colors codes in palette
Neobrutalist CSS Grid Canvas color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #c83349 | #c83349 | RGB(200, 51, 73) | Bold Brick | — |
| #55d6be | #55d6be | RGB(85, 214, 190) | Monospace Green | — |
| #f3f3f3 | #f3f3f3 | RGB(243, 243, 243) | Raw White | — |
| #9099a2 | #9099a2 | RGB(144, 153, 162) | System Gray | — |
| #181818 | #181818 | RGB(24, 24, 24) | Hard Margin Black | Thamar Black |
| #ff7e47 | #ff7e47 | RGB(255, 126, 71) | Offset Orange | — |
Color Palette Contrast
5 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#c83349 | #9099a2 | 1.8 |
#55d6be | #f3f3f3 | 1.61 |
#55d6be | #9099a2 | 1.61 |
#55d6be | #ff7e47 | 1.41 |
#9099a2 | #ff7e47 | 1.14 |
Image palette Neobrutalist CSS Grid Canvas png
Export Palette
Download the "Neobrutalist CSS Grid Canvas" in multiple formats for seamless integration into your design projects.
Available formats: