Tintbench — colour, type and tokens for designers

Harbour study5 colours

Colour

palettePalette stacksShade scales gradientGradients imageColours from a photo moodColour moods edit_notePalette from words codeColours from CSS

Graphics

blur_onMesh gradients texturePatterns descriptionBrand sheet

Type & system

match_caseType pairs layersShadows data_objectExport tokens differenceCompare versions contrastUI themes

Check

visibilityContrast checker grid_onContrast grid widgetsComponents devicesPage preview fact_checkDesign audit collections_bookmarkStarter systems

settingsSettings

Home/Graphics/Patterns

Pattern

Settings

Pattern Scale45px

Stroke Thickness2px

Density Frequency6

Opacity Alpha85%

Colours from your palette

#1B3A4B

#3D8B7D

#F2C14E

#F07F5A