Hex Kodlu 20 Neobrütalizm Renk Paleti (Kopyala-Yapıştır Hazır)

Dürüst olalım: bir neobrütalist tasarım için renk seçmek bunaltıcı gelebilir.

Cesur, yüksek kontrastlı renklere ihtiyacınız olduğunu biliyorsunuz. Ama hangi cesur renklere? Kaç tane? Ve hangileri, kötü giden bir anaokulu el işi projesi gibi görünmeden bir arada durur?

Düzinelerce neobrütalist site kurdum ve çoğu kişinin takıldığı yer renk seçimidir. Bu yüzden size 20 kullanıma hazır renk paletini teslim ediyorum; her biri tam hex kodları, kullanım kuralları ve gerçek dünya bağlamıyla birlikte.

Teori yok. Renk çemberi dersleri yok. Sadece hex kodlarını kopyalayın ve kurmaya başlayın.

Hadi başlayalım.

Bu Paletleri Nasıl Kullanırsınız

Renklere geçmeden önce, neobrütalist renk sistemlerini nasıl düşünmeniz gerektiği:

Bir neobrütalist paletin yapısı:

• Temel: siyah ya da çok koyu (kenarlıklar, metin, gölgeler için)
• Arka plan: beyaz ya da çok açık (kartlar, ana arka plan için)
• Birincil: ana vurgu renginiz (CTA'lar, başlıklar, vurgu)
• İkincil: destekleyici vurgu (genellikle 1-2 ek renk)
• Vurgular: ek renk dokunuşları (isteğe bağlı, tutumlu kullanın)

Temel ilkeler:

1. Yüksek kontrast şarttır - siyah ve beyaz paletinizin çıpası olmalı
2. İncelikten çok doygunluk - pastel yok, soluk tonlar yok (arka planlar hariç)
3. Vurgu renklerini sınırlayın - en fazla 1-3 canlı vurgu
4. Cesaretten korkmayın - fazla güvenli hissettiriyorsa, yeterince brütal değildir

Şimdi paletlere geçelim.

Klasik Neobrütalist Paletler

Bunlar estetiği tanımlayan, zamansız kombinasyonlar.

1. Electric Yellow

Orijinal neobrütalist palet. Yalnızca bir tane öğrenecekseniz, bunu öğrenin.

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

Ne zaman kullanılır:

• Teknoloji ürünleri ve SaaS
• Dikkat ve enerji gerektiren her şey
• İlk neobrütalist projeniz

Neden işe yarar: Beyaz üzerine sarı maksimum görünürlük sağlar. Siyah kenarlıklar ve metin yapıyı verir. Bunun Neobrutalism'nin varsayılan paleti olmasının bir nedeni var: berbat etmek neredeyse imkânsız.

Örnek kullanım:

Kopyala// 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>

Gerçek dünya örneği: Gumroad, bu paletin bir varyasyonunu tüm arayüzünde kullanıyor.

2. Hot Pink Punch

Karakteri ve enerjisi olan markalar için.

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

Ne zaman kullanılır:

• Kreatif ajanslar
• Moda ve streetwear markaları
• Gençlere yönelik ürünler
• Kurumsal karşıtı her şey

Neden işe yarar: Canlı pembe dikkat talep eder. Camgöbeğiyle eşleşince retro-fütüristik bir hava yaratır. Sarı vurgu, boğmadan üçüncü bir boyut ekler.

Renk bloklama stratejisi:

Kopyala// 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

Dijital bir dokunuşla maksimum görünürlük.

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

Ne zaman kullanılır:

• Oyun ve espor
• Teknoloji girişimleri
• Geliştirici araçları
• Fütüristik ya da dijital öncelikli her şey

Neden işe yarar: Lime yeşili "dijital" diye haykırırken magenta pembe kontrastı sağlar. Bu palet, bir terminal penceresinin bir rave posteriyle çaprazlanması gibi hissettiriyor.

Örnek:

Kopyala// 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

Gökkuşağı olmadan neobrütalizm istediğinizde.

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

Ne zaman kullanılır:

• Minimalist neobrütalizm (evet, öyle bir şey var)
• Mimari ve tasarım portföyleri
• Rengin içerikten dikkat dağıtacağı durumlarda
• Karakter isteyen profesyonel bağlamlar

Neden işe yarar: Neobrütalizmin renkle değil yapıyla ilgili olduğunu kanıtlar. Kalın kenarlıklar, sert gölgeler ve kalın tipografi, estetiği tek bir ton olmadan taşır.

Profesyonel ipucu: Hover durumları için ince bir vurgu ekleyin:

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

Canlı ve Enerjik Paletler

Fısıldamayan markalar için.

5. Sunset Riot

Sıcaklık, isyanla buluşuyor.

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

Ne zaman kullanılır:

• Yiyecek ve içecek markaları
• Etkinlik ve festival siteleri
• Yaşam tarzı ve wellness ürünleri
• Sıcak ve davetkâr hissettirmesi gereken her şey

Neden işe yarar: Kırmızı ve sarı enerji ve iştah yaratır (kelimenin tam anlamıyla: bunlar yemek renkleri). Açık mavi vurgu, tam gerektiği kadar serinletir.

Arka plan stratejisi: Krem arka plan (#FCFFE7) saf beyazdan daha yumuşaktır ve kırmızılarla sarıları sert olmadan öne çıkarır.

6. Lavender Dream

Neobrütalizm, oyunbazlıkla buluşuyor.

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

Ne zaman kullanılır:

• Kreatif portföyler
• Sanat ve illüstrasyon projeleri
• Güzellik ve kozmetik
• Oyunbazlık isteyen Z kuşağı markaları

Neden işe yarar: Lavanta moru cesur ama agresif değil. Lime sarısı ve magenta pembeyle eşleşince, yine de neobrütalist yapıyı koruyan, oyunbaz ve neredeyse şeker gibi bir palet yaratıyor.

Örnek:

Kopyala// 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

Yüksek enerji, maksimum sıcaklık.

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

Ne zaman kullanılır:

• Spor ve fitness markaları
• Yaz kampanyaları
• Enerji ve eyleme odaklı ürünler
• Bol harekete geçirici mesaj içeren sayfalar

Neden işe yarar: Turuncu, web tasarımında yeterince kullanılmıyor, bu da onu anında ayırt edici kılıyor. Birden çok turuncu tonu, ek renklere gerek kalmadan derinlik yaratıyor.

8. Forest Fresh

Toprak tonlu neobrütalizm, kim bilebilirdi?

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

Ne zaman kullanılır:

• Sürdürülebilir ve çevre dostu markalar
• Sağlık ve wellness
• Açık hava ve doğa odaklı ürünler
• Ayakları yere basan bir neobrütalizme ihtiyacınız olduğunda

Neden işe yarar: Yeşilin yumuşak olması gerekmez. Bu palet, yüksek kontrastlı doygun yeşiller kullanır; brütal estetiği korurken organik hissettirir.

Ayırt edici özellik: Krem kart arka planı (#F9F5F2), saf beyazın veremeyeceği bir sıcaklık katar.

Cesur Deneysel Paletler

Sınırları zorlamak isteyen tasarımcılar için.

9. Neon Midnight

En iyi hâliyle karanlık mod neobrütalizmi.

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

Ne zaman kullanılır:

• Oyun platformları
• Geliştirici araçları ve kodlama uygulamaları
• Gece modu deneyimleri
• Cyberpunk estetikleri

Neden işe yarar: Karanlık arka planlar üzerindeki neon renkler o terminal/hacker havasını yaratır. Siyah yerine beyaz kenarlıklar, kontrastı korurken işi tersine çevirir.

Uygulama ipucu:

Kopyala// 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

Maksimalizm, neobrütalizmle buluşuyor.

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

Ne zaman kullanılır:

• Müzik ve eğlence
• Oyuncak markaları ve çocuk odaklı ürünler
• Kısa ömürlü pazarlama kampanyaları
• İnceliğin bir hata olacağı durumlarda

Neden işe yarar: Dört canlı renk kaos gibi geliyor, ama siyah kenarlıklar ve beyaz kartlar onu dizginliyor. Bu, neobrütalizmin "fazlası daha iyi" felsefesinin mantıksal ucuna taşınmış hâli.

Dikkat: Bu palet GÜRÜLTÜLÜ. Yalnızca markanız maksimum enerjiyi kaldırabiliyorsa kullanın.

11. Electric Violet

Modern bir dokunuşla mor gücü.

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

Ne zaman kullanılır:

• SaaS ürünleri
• Fintech uygulamaları
• Kreatif yazılımlar
• Modern verimlilik araçları

Neden işe yarar: Mor, gösterişçi olmadan premium hissettirir. Sarı ikincil renk sıcaklık katar. Bu palet, profesyonelle oyunbaz arasında mükemmel bir denge kurar.

Karanlık mod varyantı:

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

12. Blood Orange

Agresif ve sıcak.

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

Ne zaman kullanılır:

• Spor takımları
• Enerji içecekleri ve cesur yiyecek markaları
• Eyleme yönelik ürünler
• Cadılar Bayramı ya da sonbahar kampanyaları

Neden işe yarar: Kırmızı-turuncu enerjik ve iştah açıcı. Altın vurgu premium bir dokunuş katıyor. Siyah ikincil renk o sıcaklığı yere sabitliyor.

Rafine Brütal Paletler

Neobrütalizm rafine olabilir. İşte kanıtı.

13. Teal & Coral

Doğru yapılmış tamamlayıcı renkler.

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

Ne zaman kullanılır:

• Sağlık ve wellness uygulamaları
• Eğitim platformları
• Yaşam tarzı markaları
• Enerjikle sakinleştirici arasında dengeye ihtiyacınız olduğunda

Neden işe yarar: Teal ile mercan tamamlayıcı renklerdir ve doğal bir görsel ilgi yaratır. Sarı vurgu üçüncü bir boyut ekler. Bu palet taze ve modern hissettirir.

14. Indigo & Gold

Lüks brütalizm.

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

Ne zaman kullanılır:

• Premium ürünler
• Üst segment moda
• Ayrıcalıklı üyelikler
• Neobrütalizmin pahalı hissettirmesi gerektiğinde

Neden işe yarar: Derin çivit mavisi kalite ve ayrıcalık sinyali verir. Altın lüks katar. Birlikte, alışılmış birincil renklerden sıyrılan premium bir neobrütalist estetik yaratırlar.

15. Mint & Charcoal

Serin ve sakin.

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

Ne zaman kullanılır:

• Finans ve bankacılık (neobrütalist sürüm)
• Profesyonel hizmetler
• B2B SaaS
• Güvenin önemli olduğu ama sıkıcının bir seçenek olmadığı durumlarda

Neden işe yarar: Nane yeşili cesur ama agresif değil. Saf siyah yerine antrasit, kontrastı korurken sertliği biraz yumuşatır.

Deneysel ve Trendin Önünde

Bunlar cesurlar için.

16. Dopamine Overload

Tüm renkler. Hepsi birden.

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

Ne zaman kullanılır:

• Müzik festivalleri
• Çocuk uygulamaları ve oyunları
• Pazarlama gösterileri
• "Çok fazla"nın tam da amaç olduğu durumlarda

Neden işe yarar (kıl payı): Bu palet, "en fazla 3 renk" kuralını kasıtlı olarak çiğniyor. Siyah kenarlıklar ve beyaz arka planlar kaosu dizginliyor. Tutumlu kullanın.

Profesyonel ipucu: Her renge belirli bir amaç atayın:

Kopyala// 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

90'lar nostaljisi, modern brütalizmle buluşuyor.

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

Ne zaman kullanılır:

• Retro oyun
• Vaporwave estetikleri
• Nostaljik markalar
• İronik biçimde tarihi geçmiş her şey

Neden işe yarar: Saf magenta, camgöbeği ve sarı, 90'ların bilgisayar grafiklerini çağrıştırır. Açık mavi arka plan yoğunluğu yumuşatır.

18. Rust & Cream

Endüstriyel neobrütalizm.

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

Ne zaman kullanılır:

• İnşaat ve sanayi
• El yapımı ve zanaat markaları
• Kahve ve yiyecek (toprak tonlu hava)
• Neobrütalizmin sıcaklık ve dokuya ihtiyaç duyduğunda

Neden işe yarar: Pas turuncusu ile krem, toprak tonlu ve organik bir his yaratır. Siyah yerine koyu kahve, kontrastı korurken sıcaklık katar.

19. Cyber Grape

Mor, ama dijital hâliyle.

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

Ne zaman kullanılır:

• Kripto para ve blockchain
• Yapay zekâ ve makine öğrenmesi ürünleri
• Fütüristik SaaS
• Karanlık mod deneyimleri

Neden işe yarar: Canlı vurgulara sahip derin mor bir arka plan, high-tech bir his yaratır. Karanlık arka plan üzerindeki açık kenarlıklar, yapıyı korurken geleneksel neobrütalizmi tersine çevirir.

20. Sunshine & Shadow

Maksimum kontrast, minimum renk.

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

Ne zaman kullanılır:

• Brütal bir sadeliğe ihtiyacınız olduğunda
• Okuma yoğun siteler
• Bloglar ve yayınlar
• İki rengin (artı siyah ve beyaz) yettiği durumlarda

Neden işe yarar: Tek renk turuncu. Ağır işi siyah ve beyaz yapıyor. Krem kartlar ince bir sıcaklık katıyor. Bu palet, neobrütalizmde bile azın çok olabileceğini kanıtlıyor.

Bu Paletleri Nasıl Uygularsınız

Favori paletinizi seçin ve CSS'inize yerleştirin:

Tailwind CSS v4 İçin

styles.css dosyanıza ekleyin:

Kopyala@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;
}

Sonra işaretlemenizde kullanın:

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

Sıradan CSS İçin

CSS değişkenlerini tanımlayın:

Kopyala: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);
}

React/Styled Components İçin

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

Projeniz İçin Doğru Paleti Seçmek

Hâlâ bunaldınız mı? Bu karar ağacını kullanın:

Bir SaaS ya da teknoloji ürünü kuruyorsanız: → Electric Yellow (#1) ya da Electric Violet (#11) ile başlayın

Kreatifleri ya da tasarımcıları hedefliyorsanız: → Lavender Dream (#6) ya da Hot Pink Punch (#2) deneyin

Profesyonel ama cesur bir şey istiyorsanız: → Mint & Charcoal (#15) ya da Teal & Coral (#13) kullanın

Markanız enerji doluysa: → Cyber Lime (#3) ya da Orange Burst (#7) tercih edin

Karanlık modda kuruyorsanız: → Neon Midnight (#9) ya da Cyber Grape (#19) ile başlayın

Güvenli oynamak istiyorsanız: → Brutal Monochrome (#4) ya da Sunshine & Shadow (#20)

Farklı olmak istiyorsanız: → Bubblegum Chaos (#10) ya da Dopamine Overload (#16)

Kaçınmanız Gereken Renk Kombinasyonları

Her cesur renk neobrütalizmde işe yaramaz. İşte atlamanız gereken bazı kombinasyonlar:

1. Pasteller + Siyah Kenarlıklar Yumuşak pembe (#FFB6C1) ve lavanta (#E6E6FA) yeterince doygun değil. Katı yapıyla çatışıyorlar.

2. Çok Fazla Birincil Renk Kırmızı + mavi + sarı + yeşil + mor = görsel kaos. 1 birincil, en fazla 1-2 ikincil renkte kalın.

3. Düşük Kontrastlı Vurgular Beyaz arka plan üzerine açık sarı (#FFFFE0). Beyaz üzerine gri (#808080). Gözlerinizi kısıp göremiyorsanız, kullanmayın.

4. Bulanık Kahveler Kahve (#8B4513) işe yarayabilir (bakınız Rust & Cream), ama çoğu kahve tonu, neobrütalizmin geometrik enerjisi için fazla organik hissettirir.

5. Birden Çok Neon Neon pembe + neon yeşil + neon mavi = migren. TEK bir neon seçin ve onu siyah ve beyazla yere sabitleyin.

Bu Paletleri Kullanmak İçin Profesyonel İpuçları

1. Tek Renkle Başlayın, Rengi Stratejik Ekleyin

Düzeninizi önce siyah beyaz kurun. Sonra rengi yalnızca vurguya ihtiyaç duyduğunuz yere ekleyin:

• CTA'lar birincil rengi alır
• önemli bölümler ikincil rengi alır
• geri kalan her şey nötr kalır

2. 60-30-10 Kuralını Uygulayın

Neobrütalizmde bile oranlar önemlidir:

• 60% nötr (beyaz, siyah, griler)
• 30% birincil renk
• 10% ikincil/vurgu

3. Erişilebilirliği Test Edin

Paletinizi bir kontrast denetleyicisinden geçirin. Sarı üzerine siyah metin? Genelde geçer. Beyaz üzerine pembe metin? Çoğu zaman geçmez.

Araç: WebAIM Contrast Checker kullanın

4. Hover Durumları Oluşturun

Hover için birincil renginizin doygunluğunu azaltın ya da onu koyulaştırın:

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

5. Karanlık Modu Unutmayın

Bu paletlerin çoğunun karanlık mod varyantları var. Sadece arka planları ters çevirin ve parlaklığı ayarlayın:

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

Tüm Paletleri İndirin

20 paletin tamamını kullanıma hazır bir biçimde mi istiyorsunuz?

Tailwind Yapılandırması: 20 paletin tamamı Tailwind tema yapılandırmaları olarak → JSON İndir

CSS Değişkenleri: 20 paletin tamamı CSS değişken setleri olarak → CSS İndir

Figma: 20 paletin tamamı Figma renk stilleri olarak → Figma Dosyasını Al

Son Düşünceler

Renk özneldir, ama neobrütalist renk karmaşık değildir:

Formül:

1. Siyah ve beyazla başlayın (pazarlığa kapalı)
2. TEK bir cesur birincil renk seçin (sarı, pembe, lime, turuncu, mor)
3. Gerekirse TEK bir ikincil vurgu ekleyin (isteğe bağlı)
4. Tutumlu kullanın: işi siyah ve beyaz yapsın

Bu rehberdeki paletler, güvenli başlangıç seçeneklerinden (Electric Yellow, Brutal Monochrome) deneysel çılgınlıklara (Bubblegum Chaos, Dopamine Overload) kadar her şeyi kapsıyor.

Bir tanesiyle başlayın. Kullanın. Ayarlayın. Kendinize ait kılın.

Ve unutmayın: en iyi neobrütalist palet, gerçekten bağlandığınız palettir. Bu estetikte yarım tedbirler işe yaramaz. Ya büyük oynayın ya da hiç.

Şimdi renklerinizi seçin ve göz ardı edilmesi imkânsız bir şey kurun. 🎨

Neobrutalism mu kullanıyorsunuz? Bu paletler kütüphaneye zaten entegre. Sadece temayı değiştirin, hepsi bu → neobrutalism.com

Daha fazlasını mı istiyorsunuz? Favori paletinizle bir yorum bırakın ya da kendi brütal renk kombinasyonlarınızı paylaşın.