Design system
Sticky Spires palette
Extracted from the game logo: deep blueprint blue background, schematic cyan lines, warm marshmallow creams, golden pasta browns, and a single hard-hat-yellow accent.
Blueprint
Deep architect-paper blue — primary background, panels, navigation.
Paper 50
#e8efff
Subtle wash
Paper 200
#92b0e8
Soft accent
Paper 500
#244ea0
Mid blueprint
Paper 700
#152e5e
Panel base
Paper 800
#0e2148
Body background
Paper 950
#030a1a
Deepest shadow
Schematic
Bright sky cyan — drafting lines, links, focus rings, glow effects.
Glow 100
#e3f4fd
Line highlight
Glow 200
#b8e0f5
Soft outline
Glow 300
#88c8e8
Schematic line
Glow 500
#3990c4
Primary accent
Glow 700
#154f7d
Pressed state
Marshmallow
Warm cream from the marshmallow bodies — body text on blue, card fills.
Mallow 50
#fbf3e6
Headline text
Mallow 100
#f7e6cf
Body text
Mallow 200
#f1d3b0
Card surface
Mallow 300
#ebbf94
Border tint
Mallow 500
#d99668
Toasted edge
Spaghetti
Pasta brown — illustrations, link emphasis, dark text on cream.
Noodle 200
#d6a982
Light beam
Noodle 400
#a87850
Mid beam
Noodle 600
#7a4f30
Beam shadow
Noodle 800
#3a2615
Text on cream
Hard Hat
Builder yellow — single bright accent for CTAs, badges, alerts.
Hat 300
#f5d56a
Highlight
Hat 500
#e6b933
Primary CTA
Hat 700
#a67d18
CTA hover
How to use it
A starting map of palette → UI role.
Page background
Linear gradient
Headlines
Mallow 50 on blueprint
Body copy
Mallow 200 — softer
Primary CTA
Hat 500, blueprint text
Secondary CTA
Glow 300 outline
Cards / panels
Paper 700 with glow border
Link / focus
Glow 300
Card on cream
Cream fill, noodle text
Preview — hero applied
Coming soon · An indie game
Build a tower out of
noodles
and marshmallows.
Stack pasta beams. Glue them with sticky marshmallows. Watch your carb-load engineering collapse in glorious slow motion when you push it too far.