// CSS variables for colors :root { // Brand color pool --color-mine-shaft: #303030; --color-black: var(--color-mine-shaft); --color-black-rock: #2b303c; --color-blue-chalk: #ece6f2; --color-east-bay: #545773; --color-pattens-blue: #eaf1f8; --color-scorpion: #5f5f5f; --color-valhalla: #2a2d3e; --color-white: #fff; --color-grass-green: #2fc96d; --color-cobalt-blue: #603dff; --color-persian-blue: #3418b4; --color-cobalt-blue-light: #eeebff; --color-imperial-red: #ea5e6e; --color-mustard-yellow: #fcca3d; --color-beige: #f5f3ee; --color-dark-beige: #e4e2d7; --color-pitch: #000; --color-silver-chalice: #a9a9a9; // Main element colors --color-heading: var(--color-black); --color-main: var(--color-cobalt-blue); --color-paragraph: var(--color-black); }
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter