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

8.01:1

WCAG AA friendly

Black text

6.65:1

WCAG AA friendly

Pre-rendered CSS output

.prismforge-gradient {
  background: conic-gradient(from 0deg at 50% 50%, #150b0d 0%, #e1779c 50%, #2ad2ed 100%);
  background: conic-gradient(from 0deg at 50% 50%, #150b0d 0%, #180c0f 4.5%, #201114 9.1%, #30191e 13.6%, #47252e 18.2%, #643441 22.7%, #844558 27.3%, #a4556e 31.8%, #be6482 36.4%, #d26f90 40.9%, #dd7599 45.5%, #e1779c 50%, #e177a0 54.5%, #df79ae 59.1%, #da7ec4 63.6%, #cd87e1 68.2%, #b595fc 72.7%, #93a7ff 77.3%, #6cb8ff 81.8%, #49c5ff 86.4%, #32cdf8 90.9%, #2bd1f0 95.5%, #2ad2ed 100%);
  background: conic-gradient(from 0deg at 50% 50% in oklch, oklch(16.46% 0.0179 6.05) 0%, oklch(69.89% 0.1370 359.05) 50%, oklch(79.53% 0.1316 211.87) 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.