On this page

Primary Colours

The foundation of the Askara visual identity. Navy is the primary dark colour used for headings and UI chrome. Green signals action and compliance.

#003049
NavyCopied
Primary dark, headings, dark UI
#4a5163
SlateCopied
Body text
#3db54a
Compliance GreenCopied
Screen primary action
#8dff35
Phosphor GreenCopied
Hover/glow only
#ffffff
WhiteCopied
Pure white
#1a1814
EspressoCopied
Off-black, default text on light
#faf8f5
CreamCopied
Off-white, default text on dark
#d9d9d9
Light GreyCopied
Secondary text on dark, footer links
Phosphor Green Restriction

Phosphor green (#8dff35) is reserved for CTAs and the logo hover state only. Never use it as a background, body text colour, or decorative element.

Brass Family

The warm metallic palette that gives Askara its distinctive texture. Used for surfaces, borders, and grain effects.

#e8d0a0
Brass LightCopied
Highlight tint
#c8a868
BrassCopied
Surface, grain base
#906835
Brass MidCopied
Edge, borders, shadows
#7a6030
Brass DeepCopied
Inner shadow, rules

Parchment Scale

The warm neutral backdrop that defines the Askara surface language. Three tiers from page canvas to border.

#fdf7ed
Parchment 1Copied
Page canvas
#f5ead4
Parchment 2Copied
Card/panel surface
#e8d4ad
Parchment 3Copied
Border, divider

Neutrals & Functional

#e8f2e9
MistCopied
Sage tint
#d4c9b0
StoneCopied
Warm border, footer text
#ff6666
DestructiveCopied
Error / danger state