Mulai dari warna dasar
Pilih satu warna yang mewakili mood/brand. Dari situ kita turunkan 4 warna lain untuk peran: aksen, aksen-2, latar, dan teks.
Pilih harmoni
Gunakan analog untuk nuansa lembut satu arah, komplementer untuk kontras kuat, triadik untuk keseimbangan, monokrom/shades untuk konsistensi, dan pastel untuk suasana ringan.
Cek kontras
Setiap swatch menampilkan teks terang/gelap otomatis berdasarkan luminansi. Untuk aksesibilitas, bidik rasio minimal 4.5:1 untuk teks kecil.
Salin CSS/JSON
Gunakan tombol **Salin CSS** untuk mendapatkan variabel --c1..--c5, atau **Salin JSON** untuk pipeline desain/kode.
Lihat juga Kapsul Warna untuk contoh palet siap pakai.