20 neobrutalistycznych palet kolorów z kodami hex (gotowe do skopiowania i wklejenia)

Bądźmy szczerzy: dobór kolorów do neobrutalistycznego projektu potrafi przytłoczyć.

Wiesz, że potrzebujesz odważnych, kontrastowych kolorów. Ale których odważnych kolorów? Ilu? I które łączą się ze sobą, nie wyglądając jak nieudany projekt plastyczny z przedszkola?

Zbudowałem dziesiątki neobrutalistycznych stron i to właśnie na doborze kolorów większość osób się zacina. Dlatego oddaję ci 20 gotowych do użycia palet kolorów, każdą z dokładnymi kodami hex, wskazówkami użycia i realnym kontekstem.

Żadnej teorii. Żadnych wykładów o kole barw. Po prostu skopiuj kody hex i zabierz się do budowania.

Zaczynajmy.

Jak używać tych palet

Zanim przejdziemy do kolorów, oto jak myśleć o neobrutalistycznych systemach kolorów:

Struktura neobrutalistycznej palety:

• Baza: czerń lub bardzo ciemny odcień (do ramek, tekstu, cieni)
• Tło: biel lub bardzo jasny odcień (do kart, tła głównego)
• Kolor główny: twój główny kolor akcentowy (CTA, nagłówki, wyróżnienia)
• Kolor pomocniczy: akcent wspierający (zwykle 1-2 dodatkowe kolory)
• Akcenty: dodatkowe plamki koloru (opcjonalnie, używaj oszczędnie)

Kluczowe zasady:

1. Wysoki kontrast jest obowiązkowy - czerń i biel powinny być kotwicą twojej palety
2. Nasycenie ponad subtelność - żadnych pasteli, żadnych stłumionych tonów (poza tłami)
3. Ogranicz kolory akcentowe - maksymalnie 1-3 żywe akcenty
4. Nie bój się odwagi - jeśli wydaje się zbyt bezpieczne, nie jest wystarczająco brutalne

A teraz przejdźmy do palet.

Klasyczne neobrutalistyczne palety

To ponadczasowe zestawienia, które definiują tę estetykę.

1. Electric Yellow

Pierwotna neobrutalistyczna paleta. Jeśli masz nauczyć się tylko jednej, naucz się tej.

Kopiuj--background: #FFFFFF
--foreground: #000000
--primary: #FFDB33
--primary-hover: #FFCC00
--border: #000000
--card: #FFFFFF

Kiedy jej użyć:

• Produkty techowe i SaaS
• Wszystko, co potrzebuje uwagi i energii
• Twój pierwszy neobrutalistyczny projekt

Dlaczego działa: Żółć na bieli daje maksymalną widoczność. Czarne ramki i tekst dają strukturę. To domyślna paleta Neobrutalism nie bez powodu: prawie nie da się jej zepsuć.

Przykład użycia:

Kopiuj// Primary CTA button
<button className="bg-[#FFDB33] text-[#000000] border-4 border-[#000000]
                   shadow-[6px_6px_0_0_#000000] px-8 py-4 font-bold">
  Get Started
</button>

Przykład z realnego świata: Gumroad używa wariacji tej palety w całym swoim interfejsie.

2. Hot Pink Punch

Dla marek z charakterem i energią.

Kopiuj--background: #FFFFFF
--foreground: #000000
--primary: #FF006E
--secondary: #00F0FF
--border: #000000
--card: #FFFFFF
--accent: #FFDB33

Kiedy jej użyć:

• Agencje kreatywne
• Marki modowe i streetwearowe
• Produkty skierowane do młodych
• Wszystko antykorporacyjne

Dlaczego działa: Intensywny róż domaga się uwagi. W połączeniu z cyjanem tworzy retrofuturystyczny klimat. Żółty akcent dodaje trzeci wymiar bez przytłaczania.

Strategia color blockingu:

Kopiuj// Three-color feature grid
<div className="grid grid-cols-3 gap-6">
  <div className="bg-[#FF006E] border-4 border-[#000000] p-8">
    <h3 className="text-white">Feature 1</h3>
  </div>
  <div className="bg-[#00F0FF] border-4 border-[#000000] p-8">
    <h3 className="text-black">Feature 2</h3>
  </div>
  <div className="bg-[#FFDB33] border-4 border-[#000000] p-8">
    <h3 className="text-black">Feature 3</h3>
  </div>
</div>

3. Cyber Lime

Maksymalna widoczność z cyfrowym pazurem.

Kopiuj--background: #FFFFFF
--foreground: #000000
--primary: #AAFC3D
--primary-hover: #97F819
--secondary: #FF4FD8
--border: #000000
--accent: #00F0FF

Kiedy jej użyć:

• Gaming i esport
• Startupy techowe
• Narzędzia dla programistów
• Wszystko futurystyczne lub digital-first

Dlaczego działa: Limonkowa zieleń krzyczy „cyfrowo”, a magentowy róż daje kontrast. Ta paleta przypomina okno terminala skrzyżowane z plakatem z rave'u.

Przykład:

Kopiuj// Hero section with lime background
<section className="bg-[#AAFC3D] min-h-screen">
  <h1 className="text-8xl font-black text-[#000000]">
    LEVEL UP
  </h1>
  <button className="bg-[#FF4FD8] border-4 border-[#000000]
                     shadow-[8px_8px_0_0_#000000]">
    Start Playing
  </button>
</section>

4. Brutal Monochrome

Kiedy chcesz neobrutalizmu bez tęczy.

Kopiuj--background: #FFFFFF
--foreground: #000000
--primary: #000000
--secondary: #E5E5E5
--border: #000000
--card: #FFFFFF
--accent: #666666

Kiedy jej użyć:

• Minimalistyczny neobrutalizm (tak, taki istnieje)
• Portfolia architektoniczne i projektowe
• Gdy kolor odciągałby uwagę od treści
• Profesjonalne konteksty, które potrzebują pazura

Dlaczego działa: Dowodzi, że neobrutalizm nie polega na kolorze, tylko na strukturze. Grube ramki, twarde cienie i mocna typografia niosą estetykę bez ani jednego odcienia.

Wskazówka pro: Dodaj jeden subtelny akcent na stany hover:

Kopiuj--hover-accent: #FFDB33  /* Yellow appears only on interaction */

Żywe i energetyczne palety

Dla marek, które nie szepczą.

5. Sunset Riot

Ciepło spotyka bunt.

Kopiuj--background: #FCFFE7
--foreground: #000000
--primary: #EA435F
--primary-hover: #D00000
--secondary: #FFDA5C
--border: #000000
--accent: #CEEBFC
--card: #FFFFFF

Kiedy jej użyć:

• Marki spożywcze i napojowe
• Strony wydarzeń i festiwali
• Produkty lifestyle'owe i wellness
• Wszystko, co ma być ciepłe i zapraszające

Dlaczego działa: Czerwień i żółć tworzą energię i apetyt (dosłownie: to kolory jedzenia). Jasnoniebieski akcent chłodzi dokładnie na tyle, na ile trzeba.

Strategia tła: Kremowe tło (#FCFFE7) jest łagodniejsze niż czysta biel i sprawia, że czerwienie i żółcie wybijają się bez ostrości.

6. Lavender Dream

Neobrutalizm spotyka wyobraźnię.

Kopiuj--background: #F9F5F2
--foreground: #000000
--primary: #C4A1FF
--primary-hover: #9678FF
--secondary: #E7F193
--accent: #FE91E9
--border: #000000
--card: #FFFFFF

Kiedy jej użyć:

• Portfolia kreatywne
• Projekty artystyczne i ilustracyjne
• Uroda i kosmetyki
• Marki dla pokolenia Z, które chcą zabawy

Dlaczego działa: Lawendowy fiolet jest odważny, ale nie agresywny. W połączeniu z limonkową żółcią i magentowym różem tworzy zabawną, niemal cukierkową paletę, która wciąż zachowuje neobrutalistyczną strukturę.

Przykład:

Kopiuj// Testimonial card with lavender accent
<div className="bg-[#C4A1FF] border-4 border-[#000000] shadow-[6px_6px_0_0_#000000] p-8">
  <p className="text-black font-bold text-lg">
    "This product changed my workflow completely!"
  </p>
  <div className="bg-[#E7F193] border-2 border-[#000000] inline-block px-4 py-2 mt-4">
    <span className="font-bold text-black">Sarah K., Designer</span>
  </div>
</div>

7. Orange Burst

Wysoka energia, maksimum ciepła.

Kopiuj--background: #FFFFFF
--foreground: #000000
--primary: #F07200
--primary-hover: #FF8011
--secondary: #EF8C27
--accent: #FF6B6B
--border: #000000
--muted: #FFE1C7

Kiedy jej użyć:

• Marki sportowe i fitnessowe
• Kampanie letnie
• Produkty skupione na energii i działaniu
• Strony naszpikowane wezwaniami do działania

Dlaczego działa: Pomarańcz jest niedoceniany w web designie, przez co od razu wyróżnia. Kilka odcieni pomarańczu tworzy głębię bez potrzeby dodatkowych kolorów.

8. Forest Fresh

Ziemisty neobrutalizm, kto by pomyślał?

Kopiuj--background: #FFFFFF
--foreground: #000000
--primary: #599D77
--primary-hover: #39654C
--secondary: #A3D9B1
--accent: #FFE75A
--border: #000000
--card: #F9F5F2

Kiedy jej użyć:

• Marki zrównoważone i ekologiczne
• Zdrowie i wellness
• Produkty outdoorowe i związane z naturą
• Gdy potrzebujesz neobrutalizmu twardo stąpającego po ziemi

Dlaczego działa: Zieleń nie musi być miękka. Ta paleta używa nasyconych zieleni o wysokim kontraście, zachowując brutalną estetykę, a jednocześnie sprawiając organiczne wrażenie.

Cecha szczególna: Kremowe tło karty (#F9F5F2) dodaje ciepła, którego nie dałaby czysta biel.

Odważne, eksperymentalne palety

Dla projektantów, którzy chcą przesuwać granice.

9. Neon Midnight

Neobrutalizm w trybie ciemnym w najlepszym wydaniu.

Kopiuj--background: #0F0F0F
--foreground: #F5F5F5
--primary: #00FF88
--secondary: #FF0066
--accent: #00D4FF
--border: #F5F5F5
--card: #1A1A1A

Kiedy jej użyć:

• Platformy gamingowe
• Narzędzia deweloperskie i aplikacje do kodowania
• Doświadczenia w trybie nocnym
• Estetyki cyberpunkowe

Dlaczego działa: Neonowe kolory na ciemnych tłach tworzą ten klimat terminala/hakera. Białe ramki zamiast czarnych odwracają scenariusz, zachowując kontrast.

Wskazówka wdrożeniowa:

Kopiuj// Dark background with neon accents
<div className="bg-[#0F0F0F] min-h-screen p-8">
  <h1 className="text-[#00FF88] text-7xl font-black
                 [-webkit-text-stroke:3px_#F5F5F5]">
    GAME ON
  </h1>
  <button className="bg-[#FF0066] text-[#F5F5F5] border-4 border-[#F5F5F5]
                     shadow-[6px_6px_0_0_#00D4FF]">
    Play Now
  </button>
</div>

10. Bubblegum Chaos

Maksymalizm spotyka neobrutalizm.

Kopiuj--background: #FFF5F8
--foreground: #000000
--primary: #FF3FE0
--secondary: #00E5FF
--accent-1: #FFE600
--accent-2: #00FF94
--border: #000000
--card: #FFFFFF

Kiedy jej użyć:

• Muzyka i rozrywka
• Marki zabawkowe i produkty dla dzieci
• Krótkotrwałe kampanie marketingowe
• Gdy subtelność byłaby błędem

Dlaczego działa: Cztery żywe kolory brzmią jak chaos, ale czarne ramki i białe karty go okiełznują. To filozofia „więcej znaczy więcej” neobrutalizmu doprowadzona do logicznego ekstremum.

Uwaga: Ta paleta jest GŁOŚNA. Używaj jej tylko wtedy, gdy twoja marka udźwignie maksimum energii.

11. Electric Violet

Moc fioletu z nowoczesnym pazurem.

Kopiuj--background: #F5F5F5
--foreground: #1A1A1A
--primary: #7B6DF5
--primary-hover: #5F4FE6
--secondary: #FED13B
--border: #3A3A3A
--card: #FFFFFF
--muted: #CFCCEA

Kiedy jej użyć:

• Produkty SaaS
• Aplikacje fintechowe
• Oprogramowanie kreatywne
• Nowoczesne narzędzia produktywności

Dlaczego działa: Fiolet wydaje się premium bez pretensjonalności. Żółty kolor pomocniczy dodaje ciepła. Ta paleta idealnie balansuje między profesjonalnym a zabawnym.

Wariant w trybie ciemnym:

Kopiuj--background: #0F0F12
--foreground: #F5F5F5
--primary: #7B6DF5
--card: #1A1A1D
--border: #2E2E32

12. Blood Orange

Agresywna i ciepła.

Kopiuj--background: #FFF8F0
--foreground: #000000
--primary: #FF4500
--secondary: #000000
--accent: #FFD700
--border: #000000
--card: #FFFFFF

Kiedy jej użyć:

• Drużyny sportowe
• Napoje energetyczne i odważne marki spożywcze
• Produkty nastawione na działanie
• Kampanie halloweenowe lub jesienne

Dlaczego działa: Czerwono-pomarańczowy jest energetyczny i apetyczny. Złoty akcent dodaje odrobiny luksusu. Czarny kolor pomocniczy uziemia to ciepło.

Wyrafinowane brutalne palety

Neobrutalizm może być wyrafinowany. Oto dowód.

13. Teal & Coral

Kolory dopełniające zrobione dobrze.

Kopiuj--background: #FAFAFA
--foreground: #000000
--primary: #00BFA6
--secondary: #FF6B6B
--accent: #FFE66D
--border: #000000
--card: #FFFFFF

Kiedy jej użyć:

• Aplikacje zdrowotne i wellness
• Platformy edukacyjne
• Marki lifestyle'owe
• Gdy potrzebujesz równowagi między energicznym a kojącym

Dlaczego działa: Morski i koralowy to kolory dopełniające, tworzące naturalny wizualny interes. Żółty akcent dodaje trzeci wymiar. Ta paleta wydaje się świeża i nowoczesna.

14. Indigo & Gold

Luksusowy brutalizm.

Kopiuj--background: #F8F9FA
--foreground: #000000
--primary: #4B0082
--secondary: #FFD700
--accent: #FFFFFF
--border: #000000
--card: #FFFFFF

Kiedy jej użyć:

• Produkty premium
• Moda z najwyższej półki
• Ekskluzywne członkostwa
• Gdy neobrutalizm ma sprawiać wrażenie drogiego

Dlaczego działa: Głębokie indygo sygnalizuje jakość i ekskluzywność. Złoto dodaje luksusu. Razem tworzą premium neobrutalistyczną estetykę, która odróżnia się od zwykłych kolorów podstawowych.

15. Mint & Charcoal

Chłodna i opanowana.

Kopiuj--background: #FFFFFF
--foreground: #2D3748
--primary: #48BB78
--secondary: #4A5568
--accent: #F6E05E
--border: #2D3748
--card: #F7FAFC

Kiedy jej użyć:

• Finanse i bankowość (edycja neobrutalistyczna)
• Usługi profesjonalne
• SaaS B2B
• Gdy liczy się zaufanie, ale nuda nie wchodzi w grę

Dlaczego działa: Mięta jest odważna, ale nie agresywna. Grafit zamiast czystej czerni nieco łagodzi surowość, zachowując kontrast.

Eksperymentalne i wyprzedzające trendy

Te są dla odważnych.

16. Dopamine Overload

Wszystkie kolory. Wszystkie naraz.

Kopiuj--background: #FFFFFF
--foreground: #000000
--primary: #FF006E
--secondary: #8338EC
--accent-1: #FFBE0B
--accent-2: #00F5FF
--accent-3: #3A86FF
--border: #000000
--card: #FFFFFF

Kiedy jej użyć:

• Festiwale muzyczne
• Aplikacje i gry dla dzieci
• Marketingowe fajerwerki
• Gdy „za dużo” jest właśnie celem

Dlaczego działa (ledwo): Ta paleta świadomie łamie zasadę „maksymalnie 3 kolory”. Czarne ramki i białe tła okiełznują chaos. Używaj oszczędnie.

Wskazówka pro: Przypisz każdemu kolorowi konkretną rolę:

Kopiuj// Each section gets its own accent
<section className="bg-[#FF006E]">Hero</section>
<section className="bg-[#8338EC]">Features</section>
<section className="bg-[#FFBE0B]">Pricing</section>
<section className="bg-[#00F5FF]">Testimonials</section>

17. Acid Wash

Nostalgia lat 90. spotyka nowoczesny brutalizm.

Kopiuj--background: #E0F7FF
--foreground: #000000
--primary: #FF00FF
--secondary: #00FFFF
--accent: #FFFF00
--border: #000000
--card: #FFFFFF

Kiedy jej użyć:

• Retro gaming
• Estetyki vaporwave
• Marki nostalgiczne
• Wszystko ironicznie przestarzałe

Dlaczego działa: Czysta magenta, cyjan i żółć przywołują grafikę komputerową lat 90. Jasnoniebieskie tło łagodzi intensywność.

18. Rust & Cream

Przemysłowy neobrutalizm.

Kopiuj--background: #FFF9F0
--foreground: #2B1F1F
--primary: #C1502E
--secondary: #686463
--accent: #E8C547
--border: #2B1F1F
--card: #FFFFFF

Kiedy jej użyć:

• Budownictwo i przemysł
• Marki rzemieślnicze i ręcznie robione
• Kawa i jedzenie (ziemisty klimat)
• Gdy neobrutalizm potrzebuje ciepła i faktury

Dlaczego działa: Rdzawy pomarańcz i krem tworzą ziemiste, organiczne wrażenie. Ciemny brąz zamiast czerni dodaje ciepła, zachowując kontrast.

19. Cyber Grape

Fiolet, ale w wersji cyfrowej.

Kopiuj--background: #0D0221
--foreground: #F0F0F0
--primary: #8B5CF6
--secondary: #EC4899
--accent: #10B981
--border: #F0F0F0
--card: #1A0B2E

Kiedy jej użyć:

• Kryptowaluty i blockchain
• Produkty AI i machine learning
• Futurystyczny SaaS
• Doświadczenia w trybie ciemnym

Dlaczego działa: Głębokie fioletowe tło z żywymi akcentami tworzy high-techowe wrażenie. Jasne ramki na ciemnym tle odwracają tradycyjny neobrutalizm, zachowując strukturę.

20. Sunshine & Shadow

Maksymalny kontrast, minimum kolorów.

Kopiuj--background: #FFFFFF
--foreground: #000000
--primary: #FFA500
--secondary: #000000
--accent: #FFFFFF
--border: #000000
--card: #FFF8DC

Kiedy jej użyć:

• Gdy potrzebujesz brutalnej prostoty
• Strony z dużą ilością tekstu do czytania
• Blogi i publikacje
• Gdy dwa kolory (plus czerń i biel) wystarczą

Dlaczego działa: Pomarańcz to jedyny kolor. Czerń i biel wykonują całą ciężką pracę. Kremowe karty dodają subtelnego ciepła. Ta paleta dowodzi, że mniej może znaczyć więcej — nawet w neobrutalizmie.

Jak wdrożyć te palety

Wybierz ulubioną paletę i wrzuć ją do swojego CSS:

Dla Tailwind CSS v4

Dodaj do swojego styles.css:

Kopiuj@theme {
  --color-background: #FFFFFF;
  --color-foreground: #000000;
  --color-primary: #FFDB33;
  --color-secondary: #000000;
  --color-border: #000000;
  --color-card: #FFFFFF;
}
 
:root {
  --background: #FFFFFF;
  --foreground: #000000;
  --primary: #FFDB33;
  --border: #000000;
}

Następnie użyj jej w swoim znaczniku:

Kopiuj<button className="bg-primary text-foreground border-4 border-border">
  Click Me
</button>

Dla zwykłego CSS

Zdefiniuj zmienne CSS:

Kopiuj:root {
  --background: #FFFFFF;
  --foreground: #000000;
  --primary: #FFDB33;
  --border: #000000;
}
 
.btn-primary {
  background-color: var(--primary);
  color: var(--foreground);
  border: 4px solid var(--border);
  box-shadow: 6px 6px 0 0 var(--border);
}

Dla React/Styled Components

Kopiujexport const theme = {
  colors: {
    background: '#FFFFFF',
    foreground: '#000000',
    primary: '#FFDB33',
    border: '#000000',
  },
  shadows: {
    brutal: '6px 6px 0 0 #000000',
  },
}

Jak wybrać właściwą paletę do swojego projektu

Wciąż przytłoczony? Skorzystaj z tego drzewa decyzyjnego:

Jeśli budujesz SaaS lub produkt techowy: → Zacznij od Electric Yellow (#1) lub Electric Violet (#11)

Jeśli celujesz w kreatywnych lub projektantów: → Wypróbuj Lavender Dream (#6) lub Hot Pink Punch (#2)

Jeśli potrzebujesz czegoś profesjonalnego, ale odważnego: → Użyj Mint & Charcoal (#15) lub Teal & Coral (#13)

Jeśli twoja marka tryska energią: → Postaw na Cyber Lime (#3) lub Orange Burst (#7)

Jeśli budujesz w trybie ciemnym: → Zacznij od Neon Midnight (#9) lub Cyber Grape (#19)

Jeśli chcesz zagrać bezpiecznie: → Brutal Monochrome (#4) lub Sunshine & Shadow (#20)

Jeśli chcesz się wyróżnić: → Bubblegum Chaos (#10) lub Dopamine Overload (#16)

Kombinacje kolorów, których należy unikać

Nie każdy odważny kolor sprawdza się w neobrutalizmie. Oto kilka kombinacji do pominięcia:

1. Pastele + czarne ramki Delikatny róż (#FFB6C1) i lawenda (#E6E6FA) nie mają dość nasycenia. Kłócą się z twardą strukturą.

2. Zbyt wiele kolorów podstawowych Czerwony + niebieski + żółty + zielony + fioletowy = wizualny chaos. Trzymaj się 1 podstawowego i maksymalnie 1-2 pomocniczych.

3. Akcenty o niskim kontraście Jasnożółty (#FFFFE0) na białych tłach. Szary (#808080) na bieli. Jeśli mrużysz oczy i tego nie widzisz, nie używaj.

4. Błotniste brązy Brąz (#8B4513) może zadziałać (patrz Rust & Cream), ale większość brązów wydaje się zbyt organiczna jak na geometryczną energię neobrutalizmu.

5. Wiele neonów naraz Neonowy róż + neonowa zieleń + neonowy niebieski = migrena. Wybierz JEDEN neon i uziem go czernią i bielą.

Wskazówki pro do korzystania z tych palet

1. Zacznij od monochromu, kolor dodawaj strategicznie

Najpierw zbuduj układ w czerni i bieli. Potem dodawaj kolor tylko tam, gdzie potrzebujesz wyróżnienia:

• CTA dostają kolor główny
• ważne sekcje dostają pomocniczy
• reszta pozostaje neutralna

2. Stosuj zasadę 60-30-10

Nawet w neobrutalizmie proporcje mają znaczenie:

• 60% neutralnych (biel, czerń, szarości)
• 30% koloru głównego
• 10% pomocniczego/akcentu

3. Testuj dostępność

Przepuść swoją paletę przez sprawdzarkę kontrastu. Czarny tekst na żółtym? Zwykle przechodzi. Różowy tekst na białym? Często nie.

Narzędzie: użyj WebAIM Contrast Checker

4. Twórz stany hover

Zmniejsz nasycenie lub przyciemnij kolor główny na potrzeby hovera:

Kopiuj--primary: #FFDB33;
--primary-hover: #FFCC00; /* Slightly darker */

5. Nie zapomnij o trybie ciemnym

Większość tych palet ma warianty w trybie ciemnym. Wystarczy odwrócić tła i dostosować jasność:

Kopiuj/* Light mode */
--background: #FFFFFF;
--foreground: #000000;
--primary: #FFDB33;
 
/* Dark mode */
.dark {
  --background: #1A1A1A;
  --foreground: #F5F5F5;
  --primary: #FFDB33; /* Often stays the same */
}

Pobierz wszystkie palety

Chcesz wszystkie 20 palet w gotowym do użycia formacie?

Konfiguracja Tailwind: Wszystkie 20 palet jako konfiguracje motywu Tailwind → Pobierz JSON

Zmienne CSS: Wszystkie 20 palet jako zestawy zmiennych CSS → Pobierz CSS

Figma: Wszystkie 20 palet jako style kolorów Figma → Pobierz plik Figma

Przemyślenia na koniec

Kolor jest subiektywny, ale neobrutalistyczny kolor nie jest skomplikowany:

Formuła:

1. Zacznij od czerni i bieli (nie podlega negocjacji)
2. Wybierz JEDEN odważny kolor główny (żółty, różowy, limonkowy, pomarańczowy, fioletowy)
3. Dodaj JEDEN pomocniczy akcent, jeśli trzeba (opcjonalnie)
4. Używaj oszczędnie: niech czerń i biel robią robotę

Palety z tego przewodnika obejmują wszystko, od bezpiecznych opcji na start (Electric Yellow, Brutal Monochrome) po eksperymentalne szaleństwo (Bubblegum Chaos, Dopamine Overload).

Zacznij od jednej. Użyj jej. Dostrój ją. Uczyń ją swoją.

I pamiętaj: najlepsza neobrutalistyczna paleta to ta, której się trzymasz. Półśrodki nie działają w tej estetyce. Na całość albo wcale.

A teraz wybierz swoje kolory i zbuduj coś, czego nie da się zignorować. 🎨

Używasz Neobrutalism? Te palety są już wbudowane w bibliotekę. Wystarczy zmienić motyw i gotowe → neobrutalism.com

Chcesz więcej? Zostaw komentarz z ulubioną paletą albo podziel się własnymi brutalnymi zestawieniami kolorów.