03 / Warna

Lima warna. Tidak bertambah.

Nilai HEX dibekukan oleh kontrak desain ekosistem. Warna dipakai menurut fungsi, bukan dekorasi, dan tidak ada palet per kategori atau per program.

Warna inti

Inti yang dibekukan.

Paper Ivory

Kanvas editorial dan permukaan hangat. Tidak pernah menjadi isi tombol/CTA.

HEX: #F4F0E8
RGB: 244 240 232
HSL: 40° 35% 93%

Charcoal Ink

Teks utama dan tinta editorial.

HEX: #222222
RGB: 34 34 34
HSL: 0° 0% 13%

Firmament Navy

Otoritas identitas, aksi utama, permukaan gelap.

HEX: #0A1E44
RGB: 10 30 68
HSL: 219° 74% 15%

Atomic Orange

Aksen bertujuan dan penekanan; bukan teks kecil di permukaan terang.

HEX: #F56A1C
RGB: 245 106 28
HSL: 22° 92% 54%

Groningen Red

Aksen warisan kota atau bahaya yang nyata.

HEX: #BB2233
RGB: 187 34 51
HSL: 353° 69% 43%

Disetujui docs/ECOSYSTEM_DESIGN_CONTRACT.md §2, docs/PRD_DESIGN_FREEZE.md §2.2.

Pendukung

Permukaan dan garis.

Clean White

Permukaan kartu dan panel pendukung.

HEX: #FFFFFF
RGB: 255 255 255
HSL: 0° 0% 100%

Stroke Light

Garis batas tipis pendukung.

HEX: #E3E7ED
RGB: 227 231 237
HSL: 216° 22% 91%

CMYK — konversi rumus, bukan spesifikasi cetak

Nilai di bawah adalah konversi matematis RGB→CMYK tanpa profil warna. Nilai ini tidak boleh dipakai sebagai standar cetak. Tidak ada nilai Pantone atau CMYK resmi. Untuk cetak, minta percetakan melakukan konversi berbasis profil ICC dan periksa proof fisik.

Paper Ivory: 0 / 2 / 5 / 4
Charcoal Ink: 0 / 0 / 0 / 87
Firmament Navy: 85 / 56 / 0 / 73
Atomic Orange: 0 / 57 / 89 / 4
Groningen Red: 0 / 82 / 73 / 27
Clean White: 0 / 0 / 0 / 0
Stroke Light: 4 / 3 / 0 / 7

Aksesibilitas

Kontras, dihitung.

Ambang WCAG AA: 4,5:1 untuk teks normal, 3:1 untuk teks besar (24 px, atau 18,66 px tebal).

Rasio kontras WCAG 2.2 (dihitung dari HEX saat build)
Teks ↓ / Latar →	Paper Ivory	Charcoal Ink	Firmament Navy	Atomic Orange	Groningen Red	Clean White
Paper Ivory	—	14:1 AAA	14.41:1 AAA	2.65:1 Gagal	5.45:1 AA	1.14:1 Gagal
Charcoal Ink	14:1 AAA	—	1.03:1 Gagal	5.27:1 AA	2.57:1 Gagal	15.91:1 AAA
Firmament Navy	14.41:1 AAA	1.03:1 Gagal	—	5.43:1 AA	2.64:1 Gagal	16.38:1 AAA
Atomic Orange	2.65:1 Gagal	5.27:1 AA	5.43:1 AA	—	2.05:1 Gagal	3.02:1 AA teks besar
Groningen Red	5.45:1 AA	2.57:1 Gagal	2.64:1 Gagal	2.05:1 Gagal	—	6.20:1 AA
Clean White	1.14:1 Gagal	15.91:1 AAA	16.38:1 AAA	3.02:1 AA teks besar	6.20:1 AA	—

Aa — 14.41:1

Benar Navy di ivory: pasangan teks utama.

Aa — 15.91:1

Benar Charcoal di putih: teks panjang.

Aa — 16.38:1

Benar Putih di navy: kaki halaman, tombol utama.

Aa — 5.43:1

Benar Jingga di navy: aksen pada permukaan gelap.

Salah Teks jingga kecil di ivory tidak lolos AA. Dilarang oleh design freeze §7.2.

Salah Teks putih di isi jingga: belum ada keputusan pemilik. Jangan dipakai untuk teks kecil.

Komposisi

Proporsi, bukan pelangi.

Benar

Ivory dominan, navy sebagai struktur, jingga sebagai satu titik penekanan.

Benar

Permukaan navy dengan teks putih; merah hanya sebagai aksen warisan yang kecil.

Salah

Jingga dan merah dalam porsi besar bersaing satu sama lain dan dengan nyala logo.

Salah

Warna di luar palet (mis. hijau/ungu per kategori) dilarang. Kategori memakai teks netral atau navy.