Sage Green
A muted grey-green named after the herb — calm, natural and endlessly popular in branding.
Copy-paste collection
Color Directory
The colors designers look up most often — sage green, off white, navy and friends — with hex, RGB and HSL values ready to copy.
18 entries
Off White
A warm near-white that avoids the glare of pure #FFFFFF.
Navy
The deep blue of naval uniforms — the classic serious, trustworthy dark blue.
Terracotta
The warm orange-red of fired clay pots.
Dusty Rose
A greyed-down pink with a beige undertone.
Charcoal
A dark blue-grey that reads as black without the harshness.
Mustard Yellow
A deep golden yellow with a brown edge.
Teal
An even blend of blue and green, cool and balanced.
Lavender
A soft purple named for the flower.
Cream
A pale warm yellow-white, softer than off white.
Coral
A warm pink-orange named after the reef, bright without tipping into red.
Burgundy
A deep red with a purple undertone, named for the wine region.
Olive
A muted yellow-green that reads as earthy rather than fresh.
Powder Blue
A pale, chalky blue with almost no saturation weight behind it.
Blush
A soft pink with a grey cast, quieter than a candy pink.
Forest Green
A saturated mid-dark green with the density of woodland foliage.
Slate Gray
A grey carrying enough blue to read as cool rather than neutral.
Peach
A pale warm orange sitting close to cream, soft enough for large areas.
Collection guide
How to use color directory
A colour value is a portable recipe for reproducing a shade in design software and code. Hex, RGB and HSL describe the same colour in different forms, while the surrounding palette and display determine how it is perceived.
Compatibility and display
Modern browsers support hex, RGB and HSL. Screens, colour profiles and neighbouring colours can still make the same value appear different, so evaluate it in the intended interface.
Pick the format you need
Hex is compact, RGB is familiar for channels and HSL is convenient when adjusting lightness or saturation.
Check contrast
A pleasing shade is not automatically readable behind text; test foreground and background together.
Save semantic roles
Name colours by purpose such as background or accent when building a reusable design system.
Common questions
About color directory
Do hex, RGB and HSL create the same colour?
They can represent equivalent sRGB values, although rounding during conversion may produce tiny numerical differences.
Why does a hex colour look different on another screen?
Displays, brightness, colour profiles and surrounding colours all influence perception even when the underlying value is unchanged.