ColorsLabs
Home
Palettes
Templates
Blog
About
Image Extractor
Text Checker
Palette Generator
Color Studio
HEX to RGB
HEX to RGB
Open the most-used converter first, then browse the rest below.
HEX to RGB
Most used for CSS and frontend implementation.
RGB to HEX
Helpful when moving from visual editor values into code.
HEX to HSL
Great for building design tokens and theme ramps.
HSL to RGB
Useful when design tools export HSL but implementation needs RGB.
RGB to CMYK
Common for packaging, print proofs, and brand guides.
CMYK to RGB
Useful when print references need to match web and UI colors.
UI color palettes
Curated palette matches with direct category fits, website templates, and related ideas
Best category palettes
Picked for UI color palettes
Best Match
Open
#DAE0E7
#89A1D1
#3C60D7
#3648BF
#1D3853
Blue UI color palettes
Best Match
Open
#DBD8DE
#A88DC4
#9243C7
#8A42A9
#2D2145
Purple UI color palettes
Best Match
Open
#BABFBF
#6BA4A8
#358797
#366678
#0E1B19
Teal UI color palettes
Best Match
Open
#CFDFE3
#79BBD2
#289ADC
#2C77BA
#16454B
Cyan UI color palettes
Best Match
Open
#909298
#52596F
#272D54
#22223A
#111418
Navy UI color palettes
Best Match
Open
#DADBDD
#A5A8AC
#7B818E
#71727A
#313335
Gray UI color palettes
Website template references
Templates
Template
Open
#0E0D12
#24202D
#311F4F
#3F1F6F
#13043E
Template Palette 05
Template
Open
#05050C
#110F30
#1E1E50
#2C2B72
#E0DFE2
Template Palette 03
Template
Open
#0E1222
#EDECFA
#747AEC
#C1C2E0
#2E3043
Template Palette 02
Template
Open
#F0F1F3
#79A7BB
#30869C
#D4DBE1
#509CAF
Template Palette 09
Template
Open
#06262D
#F9F8F9
#C3DBBF
#2C454C
#8FBEA2
Template Palette 06
More related palettes
Balanced across different color families
Template
Open
#2260BF
#FDDF50
#F1F1F4
#154CA2
#2E74DD
Template Palette 10
Template
Open
#FFFFE0
#FFE0E0
#FFFFFF
#402060
#C0A080
Template Palette 11
Palette
Copy all
#F3F7F7
#E1EAEA
#27A588
#92DDDA
#1F3137
Teal Atlas
Website
Source
#F3F5FF
#C8D1F7
#7383D9
#414B88
#10131E
Linear Command
Website
Source
#F4F5F7
#DADDE4
#99A1AE
#404754
#0B0D12
Framer Frame
Website
Source
#EEF4FF
#BFD7FF
#146EF5
#0B4FCC
#0A1833
Webflow Launch
Website
Source
#FAF3FB
#E8D4EC
#7C4A8B
#5B315F
#1D1121
Slack Thread
Palette
Copy all
#F9FBFB
#E7EEEF
#239F9B
#90BDD0
#1F3437
Teal Beacon
Palette
Copy all
#F3F4F7
#E1E4EA
#305F88
#6C95DA
#171926
Navy Atlas
Website
Source
#FAFAF8
#E8E7E2
#B8B6AF
#6D6A65
#171717
Notion Space
Palette
Copy all
#F2F5F8
#E6EAEF
#23A5E7
#9CBDE8
#1F263D
Blue Atlas
Website
Source
#F6F2FF
#D9CCFF
#7A5AF8
#5B45D6
#1E1745
Stripe Orbit