This charcoal to coral to aqua conic gradient is an editable CSS color system generated with OKLCH-aware perceptual interpolation, multi-stop fallback compilation, and Tailwind CSS utility export. It preserves chroma during transitions, reducing muddy gray midpoints while giving developers production-ready CSS and designers precise visual control.

Physics Preview Workspace

Perceptual CSS gradients without muddy midpoints.

Build layered linear, radial, conic, and mesh gradients using OKLCH, LAB, HCL, easing curves, blend modes, and fallback compilers.

White text

6.76:1

WCAG AA friendly

Black text

7.31:1

WCAG AA friendly

Pre-rendered CSS output

.prismforge-gradient {
  background: conic-gradient(from 0deg at 50% 50%, #002713 0%, #fe89a2 50%, #54cfdb 100%);
  background: conic-gradient(from 0deg at 50% 50%, #002713 0%, #022913 4.5%, #0d3012 9.1%, #233b0d 13.6%, #424900 18.2%, #6c5600 22.7%, #9a6100 27.3%, #c36c3a 31.8%, #e07665 36.4%, #f28087 40.9%, #fb879b 45.5%, #fe89a2 50%, #fd89a7 54.5%, #fa8ab5 59.1%, #f28dcd 63.6%, #e094eb 68.2%, #c2a0ff 72.7%, #9bb0ff 77.3%, #73beff 81.8%, #59c8f7 86.4%, #51cde8 90.9%, #53cfde 95.5%, #54cfdb 100%);
  background: conic-gradient(from 0deg at 50% 50% in oklch, oklch(23.98% 0.0581 156.07) 0%, oklch(76.45% 0.1434 7.44) 50%, oklch(79.06% 0.1091 204.18) 100%);
  background-blend-mode: normal;
}

Full-width inspiration gallery

120 mathematically tuned gradient collections.

Each preset links to an indexable dynamic route with deterministic related gradients, metadata, crawlable anchors, and editable OKLCH controls.