OKLCH color references for Tailwind and shadcn
10 reference pages with OKLCH triplets, WCAG 2.2 + APCA validation, and copy-ready Tailwind v4 @theme blocks.
Tailwind
Tailwind Blue 600 in OKLCH
Tailwind Blue 600 as oklch(0.546 0.215 262.90), with WCAG 2.2 + APCA contrast and copy-ready Tailwind v4 @theme block.
#2563EB
Tailwind Slate 500 in OKLCH
Tailwind Slate 500 as oklch(0.554 0.041 257.40), with WCAG 2.2 + APCA contrast and copy-ready Tailwind v4 @theme block.
#64748B
Tailwind Emerald 400 in OKLCH
Tailwind Emerald 400 as oklch(0.773 0.153 163.20), with WCAG 2.2 + APCA contrast and copy-ready Tailwind v4 @theme block.
#34D399
Tailwind Violet 600 in OKLCH
Tailwind Violet 600 as oklch(0.541 0.247 293.00), with WCAG 2.2 + APCA contrast and copy-ready Tailwind v4 @theme block.
#7C3AED
Tailwind Rose 500 in OKLCH
Tailwind Rose 500 as oklch(0.645 0.215 16.40), with WCAG 2.2 + APCA contrast and copy-ready Tailwind v4 @theme block.
#F43F5E
shadcn
shadcn Primary Blue in OKLCH
shadcn Primary Blue as a shadcn token: oklch(0.623 0.188 259.80), with WCAG 2.2 + APCA contrast.
#3B82F6
shadcn Zinc Dark in OKLCH
shadcn Zinc Dark as a shadcn token: oklch(0.274 0.005 286.00), with WCAG 2.2 + APCA contrast.
#27272A
shadcn Slate Accessible in OKLCH
shadcn Slate Accessible as a shadcn token: oklch(0.279 0.037 260.00), with WCAG 2.2 + APCA contrast.
#1E293B
shadcn Indigo Custom in OKLCH
shadcn Indigo Custom as a shadcn token: oklch(0.585 0.204 277.10), with WCAG 2.2 + APCA contrast.
#6366F1
shadcn Orange in OKLCH
shadcn Orange as a shadcn token: oklch(0.705 0.187 47.60), with WCAG 2.2 + APCA contrast.
#F97316