Shaders
header.lightDarkMode D
Gallery

Illuminated Clouds 5

Illuminated Clouds

A highly blurred, abstract gradient composition dominated by warm and cool color transitions. The image features a flowing, organic movement of colors with a deep burgundy/maroon base (#1a0005) establishing the darkest tones. Vibrant magenta and pink hues (#ff0558) create bright focal points that radiate outward, while golden yellow (#ffe014) accents provide warm highlights throughout the composition. The effect is heavily blurred with soft, feathered edges creating a dreamy, atmospheric quality. Dark purple and deep maroon tones (#3d0a2e) form shadowy regions that contrast with the luminous pink and yellow areas. The overall composition suggests flowing, liquid-like movement with no distinct shapes, creating a sense of depth and dimensionality through color layering. A subtle film grain texture is applied across the entire surface, adding a cinematic quality. The lighting appears to emanate from within the gradient itself, creating a self-illuminated, ethereal atmosphere with warm-to-cool color transitions that suggest motion and energy.

Code

vue
<script setup lang="ts">
import {
  Shader,
  FilmGrain,
  FlowingGradient,
  Fog,
  SolidColor
} from 'shaders/vue'
</script>

<template>
  <Shader
    :disable-telemetry="true"
  >
    <SolidColor color="#1a0005" />
    <Fog id="idmo78g2qa8dpr72ig3" :blending="0.9" color-b="#000000" :detail="3" :mouse-influence="0.4" :seed="817" :visible="false" />
    <FlowingGradient color-a="#1a0005" color-b="#3d0a2e" color-c="#ff0558" color-d="#ffe014" :distortion="0.3" mask-source="idmo78g2qa8dpr72ig3" mask-type="luminance" :seed="73" :speed="4" />
    <FilmGrain :strength="0.075" />
  </Shader>
</template>