Kitbench — design tools that export to code

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/Colour/Palette

Harmony

AA Pass

Harbour

#1B3A4B

AA Fail

Verdigris

#3D8B7D

AA Fail

Mustard

#F2C14E

AA Fail

Coral

#F07F5A

AA Fail

Paper

#F4F1EA

Selected colour

#1B3A4B

Values — click to copy

HEX#1B3A4B

RGBrgb(27, 58, 75)

HSLhsl(201, 47%, 20%, 100%)

OKLCHoklch(22.9, 15, 248.1)

Contrast on white

Text on #FFFFFF11.98:1

AA Pass