Spline

Spline's brand palette, anchored on Spline Orange (#FF8B14) — the signature warm orange that carries the 3D-cube mark. The institutional voice pairs that orange with a clean white canvas and near-black body text on marketing surfaces, with strong use of 3D rendered hero imagery. Spline holds to a single committed brand hue.

9 swatches 14 light roles 14 dark roles saasdesign-toolssplinethree-dorange

Swatches

spline-orange
#FF8B14
Signature warm orange. Primary brand color — used on the cube mark, the wordmark, primary CTAs, and key interactive surfaces.
spline-white
#FFFFFF
Canvas on light surfaces; reversed wordmark fill.
spline-black
#0E0E10
Near-black body text on light backgrounds — Spline's marketing-page text tone.
spline-canvas-dark
#0E0E10
Authored dark-mode canvas aligned with the body-text tone.
spline-surface-light
#F5F5F7
Authored panel surface for light mode.
spline-surface-dark
#1E1E22
Authored elevated surface on dark mode.
spline-text-secondary
#6B6B73
Authored secondary text — neutral mid-gray on light canvas.
spline-text-tertiary
#9D9DA8
Authored tertiary / muted text.
spline-orange-hover
#FFA640
Authored softer Spline Orange for hover / active states.

Mode role mappings

Light mode (14 roles)

accent → spline-orange
accent-hover → spline-orange-hover
background → spline-white
error → spline-orange
primary → spline-orange
primary-hover → spline-orange-hover
success → spline-orange
surface → spline-surface-light
surface-elevated → spline-white
text-primary → spline-black
text-secondary → spline-text-secondary
text-tertiary → spline-text-tertiary
warning → spline-orange
warning-hover → spline-orange-hover

Dark mode (14 roles)

accent → spline-orange
accent-hover → spline-orange-hover
background → spline-canvas-dark
error → spline-orange
primary → spline-orange
primary-hover → spline-orange-hover
success → spline-orange
surface → spline-surface-dark
surface-elevated → spline-surface-dark
text-primary → spline-white
text-secondary → spline-text-tertiary
text-tertiary → spline-text-secondary
warning → spline-orange
warning-hover → spline-orange-hover

Provenance

Source
https://spline.design/
License
Proprietary — All Rights Reserved
Attribution
Spline and the Spline logo are trademarks of Spline, Inc. The primary brand color Spline Orange (#FF8B14) is documented on Spline's brand surfaces and is independently cross-referenced by the simple-icons brand database, which cites spline.design as the source.
Imported
2026-05-18
Notes
Only Spline Orange (#FF8B14) is read directly from Spline's public brand surfaces. Secondary neutrals (mid-grays, dark canvas, hover orange) are authored neutral inversions calibrated to support both modes consistently without fabricating hex values that Spline does not publish.