Enhanced Colour Palette

Palette Swatches

Refined colours with practical usage notes. Works on both light and dark UI contexts.

Dark Base

Text / footer / UI base

#242424

Navy Core

Primary brand / headings / CTAs

#162C78

Soft Blue

Secondary CTAs / links

#4656C8

Coral

Highlights / friendly emphasis

#F25F55

Purple

Accent / creative brand moments

#66308F

Deep Indigo

Deep UI / hero gradients

#241F5C

Sky Blue

Info states / calm sections

#3E97C9

Magenta

Support accent / highlights

#7F2F72

Cyan Pop

Modern pop / badges

#3FD0F4

Red Alert

Errors / destructive actions

#E10600

CSS Variables (copy/paste):

                    :root{
                    --dark-base:#242424;
                    --navy-core:#162C78;
                    --soft-blue:#4656C8;
                    --coral:#F25F55;
                    --purple:#66308F;
                    --indigo:#241F5C;
                    --sky-blue:#3E97C9;
                    --magenta:#7F2F72;
                    --cyan-pop:#3FD0F4;
                    --red-alert:#E10600;
                    }
                

Copy variables

Dark Surface Preview

A premium dark-grey environment to show how the palette performs in dark UI / hero sections.