Colors

PDS Health

PDSH Colors

The PDS Health logo, exported live from Figma (Atoms → Logos). One master asset at a 5.375:1 aspect ratio, delivered in two color treatments and four application sizes. Full Color uses charcoal #545860 with the blue burst ray #26A9E1; Inverse is solid white for dark surfaces.

Feedback colors pending: Success, Warning, and Error aren’t part of the PDSH Blue / Slate / Olive / Taupe ramp yet — they still need a semantic color set. Primary and Neutral swatches map to the nearest PDSH token.

Primary / Navy

#00334E · Blue 1000

Headlines, primary buttons, key UI

Primary / Teal

#006EA1 · Blue 700

Links, accents, secondary actions

Primary / Sky

#C3EEFF · Blue 100

Tints, highlight backgrounds

Neutrals

Neutral / Ink

#0B262E · Slate 1000

Body copy

Neutral / Slate

#5C686E · Slate 700

Secondary text, captions

Neutral / Mist

#E5EEF2 · Slate 200

Borders, dividers

Neutral / White

#FFFFFF

Page and card backgrounds

Feedback

Success

#1B7A4B

Confirmation states

Warning

#B8860B

Caution states

Error

#B3261E

Errors, destructive actions

PDSH

Brand color ramps for PDS Health — Blue and Slate scales with Olive and Taupe accents.

Blue 1000HEX#00334ERGB0, 51, 78

Blue 900HEX#00476CRGB0, 71, 108

Blue 800HEX#005581RGB0, 85, 129

Blue 700HEX#006EA1RGB0, 110, 161

Blue 600HEX#008FCCRGB0, 143, 204

Blue 500HEX#00A9EBRGB0, 169, 235

Blue 400HEX#34C6FFRGB52, 198, 255

Blue 300HEX#62D3FFRGB98, 211, 255

Blue 200HEX#91E1FFRGB145, 225, 255

Blue 100HEX#C3EEFFRGB195, 238, 255

Blue 50HEX#E1F7FFRGB225, 247, 255

Blue 25HEX#F0FBFFRGB240, 251, 255

Slate 1000HEX#0B262ERGB11, 38, 46

Slate 900HEX#343D41RGB52, 61, 65

Slate 800HEX#475358RGB71, 83, 88

Slate 700HEX#5C686ERGB92, 104, 110

Slate 600HEX#6D797FRGB109, 121, 127

Slate 500HEX#7F8B90RGB127, 139, 144

Slate 400HEX#C4D2D8RGB196, 210, 216

Slate 300HEX#D4DFE3RGB212, 223, 227

Slate 200HEX#E5EEF2RGB229, 238, 242

Slate 100HEX#EEF5F9RGB238, 245, 249

Slate 50HEX#F5FAFCRGB245, 250, 252

Olive 500HEX#4E6669RGB78, 102, 105

Taupe 500HEX#F7F3EBRGB247, 243, 235

Color in context: Component-specific usage (button states, container backgrounds) lives on each component page rather than here — see Button for the first example.