the okaybabe gradient pack · free + MIT

41 free CSS gradients, built in OKLCH

Five named series, use them anywhere.

every color okaybabe-original, built in OKLCH, tonally coherent within its series. no attribution required, even in the things you ship to your customers.

↓ Download the pack View on GitHub
41 gradients · 10 texture filters · 13 GLSL shaders · 135° linear · #7C3AED anchor

Aperture

6 · prismatic brand anchor
Aurora
Crown
Halo
Iris
Refraction
Spectrum

Surface

19 · paper-tone library
Bond
Bone Paper
Bristol
Buttermilk
Cartridge
Champagne
Cotton
Eggshell
Glassine
Kraft
Linen
Mulberry
Onionskin
Pulp
Russet
Sienna
Slate
Tobacco
Tracing

Studio

6 · palettes from the field
Caravan
Cohort
Dusk
Forge
Mascot
Outpost

Vapor

5 · soft pastel
Drift
Haze
Lull
Mist
Veil

Ink

5 · high-contrast editorial
Cipher
Crash
Reverb
Strobe
Sumi

take the format you need.

every file is a v1.0.0 release asset. free forever.

Everythingall formats + Sketch, one zipDownload →CSS.gradient-<id> classesDownload →SCSS$vars + okb-gradient() mixinDownload →Tailwind v4@theme → bg-okb-<id>Download →JSONunified schema, ready-made cssDownload →SketchShared Layer StylesDownload →

+ 13 animated GLSL shaders

React wrappers with zero dependencies, plus optional react-three-fiber. Live WebGL, SSR-safe. MIT.

pnpm add @okaybabe/shadersGitHub →