Fondasi

Warna

Copied directly from Mintlify. The warm off-white canvas (never pure white) is the deliberate “not scary” move. Emerald is the brand; charcoal is the primary CTA.

Netral (hangat)

0#fefdfb
50#faf8f5
100#f4f2ee
200#ebe9e6
250#d9d7d4
300#cfcdca
400#969e9b
500#717d79
600#5c6763
700#485450
800#2b3330
900#121715
950#0a0b0f

Brand, emerald

50#e7f6ef
100#d2f7ea
200#a7ecd3
300#6fdcb8
400#2fbf90
500#0c8c5e
600#0a7d54
700#086b48
800#0a5c40
900#003723

Fandom (aksen)

purple#d87cff
pink#ff7ec2
orange#eb9411
blue#3f8ff5
mint#17cf85

Status

success#16a34a
warning#eb9411
info#476cff
danger#e5484d

Semantik, terang

background#fefdfb
foreground#121715
card#ffffff
cardForeground#121715
popover#ffffff
popoverForeground#121715
primary#121715
primaryForeground#fefdfb
brand#0c8c5e
brandForeground#ffffff
secondary#f4f2ee
secondaryForeground#121715
muted#faf8f5
mutedForeground#717d79
accent#f4f2ee
accentForeground#121715
destructive#e5484d
destructiveForeground#ffffff
success#16a34a
successForeground#ffffff
warning#eb9411
warningForeground#1a1205
info#476cff
infoForeground#ffffff
border#e9e6e2
borderSubtle#f1f0ee
input#e9e6e2
ring#0c8c5e