ColorGradientAccessibility

Color & Gradient Forge

Build a palette, check contrast, export Unity colors and gradients.

H 192° · S 91% · L 36%

Seed colour

rgb 8, 145, 178

On white

3.68:1

AA large

On black

5.70:1

HDR intensity0.00 EV

Each stop doubles the linear value. Only meaningful with an HDR render target and a Bloom override — on a plain UI canvas it clips to white.

Harmony

#08b27e#0891b2#083cb2

Tonal ramp

Text contrast per stop

Stop	White text	Black text	Use for
50	1.05 · fail	19.99 · AAA	Surface, dark label
100	1.13 · fail	18.61 · AAA	Surface, dark label
200	1.27 · fail	16.57 · AAA	Surface, dark label
300	1.46 · fail	14.34 · AAA	Surface, dark label
400	1.70 · fail	12.39 · AAA	Surface, dark label
500	1.90 · fail	11.03 · AAA	Surface, dark label
600	2.45 · fail	8.57 · AAA	Surface, dark label
700	3.64 · AA large	5.77 · AA	Surface, dark label
800	5.61 · AA	3.75 · AA large	Button fill, white label
900	8.74 · AAA	2.40 · fail	Button fill, white label
950	12.83 · AAA	1.64 · fail	Button fill, white label

Gradient

3 stops · Unity allows 8

55%

100%

Unity blends gradient keys in gamma space by default, which is why a blue→yellow ramp passes through grey rather than green. If that matters, add an intermediate stop instead of fighting the interpolation.

// Generated by Color & Gradient Forge — burakkaan.dev/tools/color-forge
using UnityEngine;

public static class BrandPalette
{
    public static readonly Color Brand50 = new Color(0.949f, 0.984f, 0.992f, 1.000f);
    public static readonly Color Brand100 = new Color(0.878f, 0.961f, 0.980f, 1.000f);
    public static readonly Color Brand200 = new Color(0.753f, 0.925f, 0.965f, 1.000f);
    public static readonly Color Brand300 = new Color(0.584f, 0.882f, 0.953f, 1.000f);
    public static readonly Color Brand400 = new Color(0.369f, 0.839f, 0.953f, 1.000f);
    public static readonly Color Brand500 = new Color(0.137f, 0.800f, 0.961f, 1.000f);
    public static readonly Color Brand600 = new Color(0.059f, 0.706f, 0.859f, 1.000f);
    public static readonly Color Brand700 = new Color(0.067f, 0.573f, 0.694f, 1.000f);
    public static readonly Color Brand800 = new Color(0.063f, 0.443f, 0.537f, 1.000f);
    public static readonly Color Brand900 = new Color(0.055f, 0.322f, 0.384f, 1.000f);
    public static readonly Color Brand950 = new Color(0.043f, 0.216f, 0.255f, 1.000f);

    // Harmony — Analogous
    public static readonly Color Accent1 = new Color(0.031f, 0.698f, 0.494f, 1.000f);
    public static readonly Color Accent2 = new Color(0.031f, 0.569f, 0.698f, 1.000f);
    public static readonly Color Accent3 = new Color(0.031f, 0.235f, 0.698f, 1.000f);

}

Color literals are linear-space floats — the same values Unity writes when you pick the colour in the inspector.