Color System

Official palette values, naming conventions, and file token reference for Code of the North brand assets.

Click any swatch to copy hex

Primary Palette

Copy #181E24

Midnight

#181E24 C:79 M:69 Y:60 K:73

Primary background, dark surfaces

100%

Copy #26413E

Forest

#26413E C:81 M:55 Y:64 K:49

Secondary surfaces, card backgrounds

100%

Copy #E9E730

Lightning

#E9E730 C:12 M:0 Y:92 K:0

Accent, CTA highlight, emphasis

Copy #37EEFB

Backlight

#37EEFB C:51 M:0 Y:10 K:0

On dark backgrounds · HSB 184° 78% 98%

Dark variant

Copy #03838C

Backlight

#03838C C:98 M:6 Y:0 K:45

On light backgrounds · HSB 184° 98% 55%

Light variant

Copy #EEE5E9

Moonlight

#EEE5E9 C:5 M:9 Y:4 K:0

Body text on dark, light backgrounds

Copy #FFFFFF

White

#FFFFFF C:0 M:0 Y:0 K:0

Headlines, reversed type, clean surfaces

Tints & Variants

Tint percentages calculated from opacity-on-white. Use these values in Figma tokens and filename conventions. Hover to expand. Click to copy hex.

Midnight

Midnight100

#181E24

Midnight85

#313D49

Midnight70

#495C6E

Forest

Forest100

#26413E

Forest85

#3C6762

Forest65

#538D87

Backlight

Backlight Dark

#37EEFB

Backlight Light

#03838C

File Naming Convention

Pattern

CN_[AssetType]_[Name]_[Color]_[Background]_[Width?].[ext]

CN_Logo_Primary_Backlight_Dark.svg — primary lockup, backlight color, dark bg

CN_Mark_Lightning_Alpha.png — pixel castle icon, lightning color, transparent

CN_Illustration_CabinFire_Lightning_Dark_1920w.png — scene, lightning, dark bg, 1920px wide

CN_Wordmark_Midnight100_Light.svg — wordmark only, full midnight, light bg

Asset Type Values

Logo — full lockup (Primary, Secondary, Tertiary)

Mark — standalone pixel castle icon

Wordmark — text only, no icon

Illustration — scenes, banners, decorative graphics

Pattern — repeating textures or background elements

Icon — UI icons, small functional graphics

Background Values

Dark — designed for dark/Midnight backgrounds

Light — designed for light/Moonlight backgrounds

Alpha — transparent PNG, works on any background

Token Reference

Token	Hex	Filename Token
--midnight	#181E24	Midnight100
--midnight85	#313D49	Midnight85
--midnight70	#495C6E	Midnight70
--forest	#26413E	Forest100
--forest85	#3C6762	Forest85
--forest65	#538D87	Forest65
--lightning	#E9E730	Lightning
--backlight	#37EEFB	Backlight (on Dark)
--backlight-lt	#03838C	Backlight (on Light)
--moonlight	#EEE5E9	Moonlight
--white	#FFFFFF	White