Cosine Palette Designer
Creating procedural palettes for GLSL
July 6, 2025 - Tommy Dräger
Interactive tool for generating cosine-based color palettes. Perfect for shaders and creative coding.
Screenshots
| Dark Mode | Light Mode |
|---|---|
Online Version
https://apps.fenixfox-studios.com/cosine_palette/
What it does
Creates smooth color gradients using this formula:
vec3 pal( in float t, in vec3 a, in vec3 b, in vec3 c, in vec3 d )
{
return a + b*cos( 6.28318*(c*t+d) );
}Download / Installation
Visit Github
Go visit https://github.com/MilesTails01/ to get all files needed in order to build the project on your local mashine.
Install Node.js
If Node.js is not already installed download and install it from the official Node.js website: https://nodejs.org/en/download/
Install project dependencies
navigate to the project folder in your terminal. this project doesnt include external frameworks, npm is needed for certain dev dependencies like vite.
git clone https://github.com/MilesTails01/pal_generator.git
cd pal_generator
npm install
npm run dev
Open `http://localhost:5173`