TToolumina

Tailwind Color Codes

Tailwind-like palette pages for utility-first CSS naming and quick UI prototyping.

Palette preview

Toolumina H0 S52 L42#A33333Toolumina H0 S52 L55#C85151Toolumina H0 S52 L68#D88383Toolumina H0 S52 L81#E8B5B5Toolumina H0 S72 L42#B81E1EToolumina H0 S72 L55#DF3A3AToolumina H0 S72 L68#E87373Toolumina H0 S72 L81#F1ACACToolumina H105 S52 L42#4FA333Toolumina H105 S52 L55#6EC851Toolumina H105 S52 L68#98D883Toolumina H105 S52 L81#C2E8B5Toolumina H105 S72 L42#45B81EToolumina H105 S72 L55#63DF3AToolumina H105 S72 L68#90E873Toolumina H105 S72 L81#BDF1ACToolumina H120 S52 L42#33A333Toolumina H120 S52 L55#51C851Toolumina H120 S52 L68#83D883Toolumina H120 S52 L81#B5E8B5Toolumina H120 S72 L42#1EB81EToolumina H120 S72 L55#3ADF3AToolumina H120 S72 L68#73E873Toolumina H120 S72 L81#ACF1ACToolumina H135 S52 L42#33A34FToolumina H135 S52 L55#51C86EToolumina H135 S52 L68#83D898Toolumina H135 S52 L81#B5E8C2Toolumina H135 S72 L42#1EB845Toolumina H135 S72 L55#3ADF63Toolumina H135 S72 L68#73E890Toolumina H135 S72 L81#ACF1BDToolumina H15 S52 L42#A34F33Toolumina H15 S52 L55#C86E51Toolumina H15 S52 L68#D89883Toolumina H15 S52 L81#E8C2B5Toolumina H15 S72 L42#B8451EToolumina H15 S72 L55#DF633AToolumina H15 S72 L68#E89073Toolumina H15 S72 L81#F1BDACToolumina H150 S52 L42#33A36BToolumina H150 S52 L55#51C88CToolumina H150 S52 L68#83D8ADToolumina H150 S52 L81#B5E8CFToolumina H150 S72 L42#1EB86BToolumina H150 S72 L55#3ADF8CToolumina H150 S72 L68#73E8ADToolumina H150 S72 L81#ACF1CF

Magenta / Purple

8 pages
Toolumina H0 S52 L42#A33333Toolumina H0 S52 L42 is a magenta / purple reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H0 S52 L55#C85151Toolumina H0 S52 L55 is a magenta / purple reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H0 S52 L68#D88383Toolumina H0 S52 L68 is a magenta / purple reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H0 S52 L81#E8B5B5Toolumina H0 S52 L81 is a magenta / purple reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H0 S72 L42#B81E1EToolumina H0 S72 L42 is a magenta / purple reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H0 S72 L55#DF3A3AToolumina H0 S72 L55 is a magenta / purple reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H0 S72 L68#E87373Toolumina H0 S72 L68 is a magenta / purple reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H0 S72 L81#F1ACACToolumina H0 S72 L81 is a magenta / purple reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.

Yellow / Green

8 pages
Toolumina H105 S52 L42#4FA333Toolumina H105 S52 L42 is a yellow / green reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H105 S52 L55#6EC851Toolumina H105 S52 L55 is a yellow / green reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H105 S52 L68#98D883Toolumina H105 S52 L68 is a yellow / green reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H105 S52 L81#C2E8B5Toolumina H105 S52 L81 is a yellow / green reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H105 S72 L42#45B81EToolumina H105 S72 L42 is a yellow / green reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H105 S72 L55#63DF3AToolumina H105 S72 L55 is a yellow / green reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H105 S72 L68#90E873Toolumina H105 S72 L68 is a yellow / green reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H105 S72 L81#BDF1ACToolumina H105 S72 L81 is a yellow / green reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.

Green / Teal

40 pages
Toolumina H120 S52 L42#33A333Toolumina H120 S52 L42 is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H120 S52 L55#51C851Toolumina H120 S52 L55 is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H120 S52 L68#83D883Toolumina H120 S52 L68 is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H120 S52 L81#B5E8B5Toolumina H120 S52 L81 is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H120 S72 L42#1EB81EToolumina H120 S72 L42 is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H120 S72 L55#3ADF3AToolumina H120 S72 L55 is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H120 S72 L68#73E873Toolumina H120 S72 L68 is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H120 S72 L81#ACF1ACToolumina H120 S72 L81 is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H135 S52 L42#33A34FToolumina H135 S52 L42 is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H135 S52 L55#51C86EToolumina H135 S52 L55 is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H135 S52 L68#83D898Toolumina H135 S52 L68 is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H135 S52 L81#B5E8C2Toolumina H135 S52 L81 is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H135 S72 L42#1EB845Toolumina H135 S72 L42 is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H135 S72 L55#3ADF63Toolumina H135 S72 L55 is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H135 S72 L68#73E890Toolumina H135 S72 L68 is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H135 S72 L81#ACF1BDToolumina H135 S72 L81 is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H150 S52 L42#33A36BToolumina H150 S52 L42 is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H150 S52 L55#51C88CToolumina H150 S52 L55 is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H150 S52 L68#83D8ADToolumina H150 S52 L68 is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H150 S52 L81#B5E8CFToolumina H150 S52 L81 is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H150 S72 L42#1EB86BToolumina H150 S72 L42 is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H150 S72 L55#3ADF8CToolumina H150 S72 L55 is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H150 S72 L68#73E8ADToolumina H150 S72 L68 is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H150 S72 L81#ACF1CFToolumina H150 S72 L81 is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H165 S52 L42#33A387Toolumina H165 S52 L42 is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H165 S52 L55#51C8AAToolumina H165 S52 L55 is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H165 S52 L68#83D8C3Toolumina H165 S52 L68 is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H165 S52 L81#B5E8DBToolumina H165 S52 L81 is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H165 S72 L42#1EB892Toolumina H165 S72 L42 is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H165 S72 L55#3ADFB6Toolumina H165 S72 L55 is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H165 S72 L68#73E8CBToolumina H165 S72 L68 is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H165 S72 L81#ACF1E0Toolumina H165 S72 L81 is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H180 S52 L42#33A3A3Toolumina H180 S52 L42 is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H180 S52 L55#51C8C8Toolumina H180 S52 L55 is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H180 S52 L68#83D8D8Toolumina H180 S52 L68 is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H180 S52 L81#B5E8E8Toolumina H180 S52 L81 is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H180 S72 L42#1EB8B8Toolumina H180 S72 L42 is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H180 S72 L55#3ADFDFToolumina H180 S72 L55 is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H180 S72 L68#73E8E8Toolumina H180 S72 L68 is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H180 S72 L81#ACF1F1Toolumina H180 S72 L81 is a green / teal reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.

Red / Orange

8 pages
Toolumina H15 S52 L42#A34F33Toolumina H15 S52 L42 is a red / orange reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H15 S52 L55#C86E51Toolumina H15 S52 L55 is a red / orange reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H15 S52 L68#D89883Toolumina H15 S52 L68 is a red / orange reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H15 S52 L81#E8C2B5Toolumina H15 S52 L81 is a red / orange reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H15 S72 L42#B8451EToolumina H15 S72 L42 is a red / orange reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H15 S72 L55#DF633AToolumina H15 S72 L55 is a red / orange reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H15 S72 L68#E89073Toolumina H15 S72 L68 is a red / orange reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H15 S72 L81#F1BDACToolumina H15 S72 L81 is a red / orange reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.

Blue / Cyan

32 pages
Toolumina H195 S52 L42#3387A3Toolumina H195 S52 L42 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H195 S52 L55#51AAC8Toolumina H195 S52 L55 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H195 S52 L68#83C3D8Toolumina H195 S52 L68 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H195 S52 L81#B5DBE8Toolumina H195 S52 L81 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H195 S72 L42#1E92B8Toolumina H195 S72 L42 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H195 S72 L55#3AB6DFToolumina H195 S72 L55 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H195 S72 L68#73CBE8Toolumina H195 S72 L68 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H195 S72 L81#ACE0F1Toolumina H195 S72 L81 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H210 S52 L42#336BA3Toolumina H210 S52 L42 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H210 S52 L55#518CC8Toolumina H210 S52 L55 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H210 S52 L68#83ADD8Toolumina H210 S52 L68 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H210 S52 L81#B5CFE8Toolumina H210 S52 L81 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H210 S72 L42#1E6BB8Toolumina H210 S72 L42 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H210 S72 L55#3A8CDFToolumina H210 S72 L55 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H210 S72 L68#73ADE8Toolumina H210 S72 L68 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H210 S72 L81#ACCFF1Toolumina H210 S72 L81 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H225 S52 L42#334FA3Toolumina H225 S52 L42 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H225 S52 L55#516EC8Toolumina H225 S52 L55 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H225 S52 L68#8398D8Toolumina H225 S52 L68 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H225 S52 L81#B5C2E8Toolumina H225 S52 L81 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H225 S72 L42#1E45B8Toolumina H225 S72 L42 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H225 S72 L55#3A63DFToolumina H225 S72 L55 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H225 S72 L68#7390E8Toolumina H225 S72 L68 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H225 S72 L81#ACBDF1Toolumina H225 S72 L81 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H240 S52 L42#3333A3Toolumina H240 S52 L42 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H240 S52 L55#5151C8Toolumina H240 S52 L55 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H240 S52 L68#8383D8Toolumina H240 S52 L68 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H240 S52 L81#B5B5E8Toolumina H240 S52 L81 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H240 S72 L42#1E1EB8Toolumina H240 S72 L42 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H240 S72 L55#3A3ADFToolumina H240 S72 L55 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H240 S72 L68#7373E8Toolumina H240 S72 L68 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.Toolumina H240 S72 L81#ACACF1Toolumina H240 S72 L81 is a blue / cyan reference color with copy-ready CSS values, contrast checks, and nearby palette suggestions for interface and content design.