Digging things up…
Digging things up…
Build a complete brand colour palette — primary, secondary, accent and neutral sets. Export as CSS variables.
Colour & Design Tools
Pick, convert, mix and test colours across HEX, RGB, HSL and OKLCH, with WCAG contrast checks and ready-made palettes for your next design.
Related colour tools
Convert colours between HEX, RGB, HSL, HSV and CMYK with a visual colour picker.
Use tool →🎨Generate complementary, analogous, triadic and monochromatic palettes from any base colour.
Use tool →🖼️Drag and drop an image to instantly get its Base64 data URL — nothing is uploaded anywhere.
Use tool →⬜Calculate ratios from dimensions, apply presets like 16:9 or 4:3, and scale to any size.
Use tool →Explore more from Dino Media: All Free Tools · Our Services · Digital Glossary · Our Work
See Our Work
We design and build pixel-perfect, high-performing websites for ambitious UK businesses. Take a look at what we have created.
#f1fefd#defcfa#b8f9f4#89f5ed#50f1e4#1deddc#10c6b8#0d9c91#0a766e#064b46:root {
--brand-50: #f1fefd;
--brand-100: #defcfa;
--brand-200: #b8f9f4;
--brand-300: #89f5ed;
--brand-400: #50f1e4;
--brand-500: #1deddc;
--brand-600: #10c6b8;
--brand-700: #0d9c91;
--brand-800: #0a766e;
--brand-900: #064b46;
}