Sign Up Sign Up
Chiba

Chiba

7-color palette · Cool · Mixed · Complementary harmony

Back to Library

Chiba

7-color palette · Cool temperature · Mixed tone · Complementary harmony

Modify
Vibrant 7 colors Cool Mixed Complementary pastel chiba
Likes 64
Colors 7

CSS variables

:root {
  --c-vibrant-1: #F5A8CA;
  --c-vibrant-2: #E7C8E7;
  --c-vibrant-3: #EAF3FC;
  --c-vibrant-4: #83D2BB;
  --c-vibrant-5: #162EB4;
  --c-vibrant-6: #112886;
  --c-vibrant-7: #0A1624;
}

About this palette

This 7-color vibrant palette runs from Moon White (#EAF3FC) as its lightest tone to Creeping Death (#0A1624) as its darkest. It blends Rose Mallow, Prom Corsage, Moon White, Blue Frosting, Persian Blue, Naval Adventures and Creeping Death into a single set you can drop straight into a UI. Of its 21 color pairings, 12 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #EAF3FC on #0A1624 at 16.24:1.

A versatile palette suitable for marketing pages, product hero blocks, illustrations, and accent UI states.

Color breakdown

Rose Mallow #F5A8CA
RGB
rgb(245, 168, 202)
HSL
hsl(334, 79%, 81%)
Luminance
0.517
Prom Corsage #E7C8E7
RGB
rgb(231, 200, 231)
HSL
hsl(300, 39%, 85%)
Luminance
0.641
Moon White #EAF3FC
RGB
rgb(234, 243, 252)
HSL
hsl(210, 75%, 95%)
Luminance
0.886
Blue Frosting #83D2BB
RGB
rgb(131, 210, 187)
HSL
hsl(163, 47%, 67%)
Luminance
0.545
Persian Blue #162EB4
RGB
rgb(22, 46, 180)
HSL
hsl(231, 78%, 40%)
Luminance
0.054
Naval Adventures #112886
RGB
rgb(17, 40, 134)
HSL
hsl(228, 77%, 30%)
Luminance
0.034
Creeping Death #0A1624
RGB
rgb(10, 22, 36)
HSL
hsl(212, 57%, 9%)
Luminance
0.008

Contrast & accessibility

12 of 21 color pairings meet the WCAG AA contrast threshold (4.5:1) for body text.

Aa #EAF3FC on #0A1624 16.24:1 AAA
Aa #E7C8E7 on #0A1624 11.98:1 AAA
Aa #EAF3FC on #112886 11.20:1 AAA
Aa #83D2BB on #0A1624 10.32:1 AAA
Aa #F5A8CA on #0A1624 9.83:1 AAA
Aa #EAF3FC on #162EB4 8.98:1 AAA
Aa #E7C8E7 on #112886 8.26:1 AAA
Aa #83D2BB on #112886 7.12:1 AAA
Aa #F5A8CA on #112886 6.78:1 AA
Aa #E7C8E7 on #162EB4 6.63:1 AA
Aa #83D2BB on #162EB4 5.71:1 AA
Aa #F5A8CA on #162EB4 5.44:1 AA
Aa #162EB4 on #0A1624 1.81:1 Fail
Aa #F5A8CA on #EAF3FC 1.65:1 Fail
Aa #EAF3FC on #83D2BB 1.57:1 Fail
Aa #112886 on #0A1624 1.45:1 Fail
Aa #E7C8E7 on #EAF3FC 1.36:1 Fail
Aa #162EB4 on #112886 1.25:1 Fail
Aa #F5A8CA on #E7C8E7 1.22:1 Fail
Aa #E7C8E7 on #83D2BB 1.16:1 Fail
Aa #F5A8CA on #83D2BB 1.05:1 Fail

Similar palettes

#222831 #393E46 #00ADB5 #EEEEEE
4 colors
#F9F7F7 #DBE2EF #3F72AF #112D4E
4 colors
#1B262C #0F4C75 #3282B8 #BBE1FA
4 colors
#08D9D6 #252A34 #FF2E63 #EAEAEA
4 colors
#27374D #526D82 #9DB2BF #DDE6ED
4 colors
#364F6B #3FC1C9 #F5F5F5 #FC5185
4 colors
#E4F9F5 #30E3CA #11999E #40514E
4 colors
#F0F5F9 #C9D6DF #52616B #1E2022
4 colors