# Colour

Surfaces, ink, lines, accent, semantic, trading, data series and effect hues. Every one is derived from --pui-brand or sits on the neutral hue-260 ladder.

Part of the foundations every [Beamline](https://beamline.io/) component is built from. Live page: https://beamline.io/components/foundations/colour

More foundations: [Brand engine](https://beamline.io/components/foundations/brand) · [Meaning](https://beamline.io/components/foundations/meaning) · [Data ramps](https://beamline.io/components/foundations/data) · [Type](https://beamline.io/components/foundations/type) · [Spacing](https://beamline.io/components/foundations/spacing) · [Looks](https://beamline.io/components/foundations/looks) · [Shape & depth](https://beamline.io/components/foundations/shape) · [Layers](https://beamline.io/components/foundations/layers) · [Motion](https://beamline.io/components/foundations/motion) · [Morph](https://beamline.io/components/foundations/morph) · [Interaction](https://beamline.io/components/foundations/interaction) · [Texture](https://beamline.io/components/foundations/texture)