Illuminated Clouds

Open in editor

A deeply atmospheric abstract gradient composition dominated by cool tones. The image features a flowing, organic blend of dark purples, deep blues, and cyan hues that create a sense of depth and movement. The left side transitions from near-black (#130926 base) through dark purple tones, while the center and right portions feature vibrant electric purples (#6b17e6, #8935ff) and bright cyan accents (#4dd0ff). The overall effect is heavily blurred and diffused, creating a soft-focus, dreamlike quality with no sharp edges or defined shapes. The gradient flows smoothly across the canvas with subtle undulating patterns suggesting fluid motion or turbulent energy. A fine film grain texture overlays the entire composition, adding subtle noise and visual texture. The atmosphere is moody and ethereal, with the bright cyan and purple elements appearing to glow softly against the darker background. The composition suggests depth through color layering, with darker tones receding and brighter purples and cyans appearing to advance forward.

Code

vue

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

<template>
  <Shader
    :disable-telemetry="true"
  >
    <SolidColor color="#130926" />
    <Fog id="idmo78g2qa8dpr72ig3" :blending="0.9" color-b="#000000" :detail="3" :mouse-influence="0.4" :seed="203" :visible="false" />
    <FlowingGradient color-c="#4dd0ff" color-d="#8935ff" :distortion="0" mask-source="idmo78g2qa8dpr72ig3" mask-type="luminance" :speed="4" />
    <FilmGrain :strength="0.075" />
  </Shader>
</template>