Palette · brutalist · light · vibrant
Neo Brutalist
Pure white, hard black type and a jolt of electric yellow with zero corner radius — the loud, unapologetic brutalist look, built for maximum contrast.
Copy as
Building with shadcn/ui?
Install Neo Brutalist as a real theme — light and dark, OKLCH tokens, contrast checked.
Usage system
Everything you need to wire this palette into a real project, not just the colors.
CSS variables
:root {
--color-bg: #FFFFFF;
--color-surface: #F5F5F0;
--color-primary: #FFDD00;
--color-accent: #FF5CA2;
--color-text: #0A0A0A;
--color-muted: #57534E;
}Tailwind config
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
bg: '#FFFFFF',
surface: '#F5F5F0',
primary: '#FFDD00',
accent: '#FF5CA2',
text: '#0A0A0A',
muted: '#57534E',
},
},
},
}; Font pairing Archivo / heading · Inter / body
Corner radius 0px
Spacing scale 4px base · 4 / 8 / 16 / 24 / 40
In context
New
Build better, faster
A card, a heading, a button and a hint of text: the palette doing real work.
Found one you like? Pair it with a template, generate a matching background in the gradient generator, or browse all palettes.