Sign Up Sign Up
Sea&lava

Sea&lava

9-color palette · Warm · Mixed · Complementary harmony

Back to Library

Sea&lava

9-color palette · Warm temperature · Mixed tone · Complementary harmony

Modify
Vibrant 9 colors Warm Mixed Complementary vibrant colorful tropical sealava
Likes 25
Colors 9

CSS variables

:root {
  --c-vibrant-1: #105189;
  --c-vibrant-2: #3C7C9A;
  --c-vibrant-3: #6EA096;
  --c-vibrant-4: #BEAE64;
  --c-vibrant-5: #FFBC42;
  --c-vibrant-6: #F69248;
  --c-vibrant-7: #EB5B42;
  --c-vibrant-8: #CB203C;
  --c-vibrant-9: #891545;
}

About this palette

This 9-color vibrant palette runs from Pale Marigold (#FFBC42) as its lightest tone to Akuma’s Fury (#891545) as its darkest. It blends Lake Baikal, Blue Dart Frog, Jade Dragon, Riesling Grape, Pale Marigold, Fall River, Opal Flame, Karakurenai Red and Akuma’s Fury into a single set you can drop straight into a UI. Of its 36 color pairings, 2 meet the WCAG AA contrast threshold (4.5:1) for body text — the strongest is #FFBC42 on #891545 at 5.55:1.

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

Color breakdown

Lake Baikal #105189
RGB
rgb(16, 81, 137)
HSL
hsl(208, 79%, 30%)
Luminance
0.078
Blue Dart Frog #3C7C9A
RGB
rgb(60, 124, 154)
HSL
hsl(199, 44%, 42%)
Luminance
0.177
Jade Dragon #6EA096
RGB
rgb(110, 160, 150)
HSL
hsl(168, 21%, 53%)
Luminance
0.307
Riesling Grape #BEAE64
RGB
rgb(190, 174, 100)
HSL
hsl(49, 41%, 57%)
Luminance
0.421
Pale Marigold #FFBC42
RGB
rgb(255, 188, 66)
HSL
hsl(39, 100%, 63%)
Luminance
0.576
Fall River #F69248
RGB
rgb(246, 146, 72)
HSL
hsl(26, 91%, 62%)
Luminance
0.406
Opal Flame #EB5B42
RGB
rgb(235, 91, 66)
HSL
hsl(9, 81%, 59%)
Luminance
0.255
Karakurenai Red #CB203C
RGB
rgb(203, 32, 60)
HSL
hsl(350, 73%, 46%)
Luminance
0.141
Akuma’s Fury #891545
RGB
rgb(137, 21, 69)
HSL
hsl(335, 73%, 31%)
Luminance
0.063

Contrast & accessibility

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

Aa #FFBC42 on #891545 5.55:1 AA
Aa #105189 on #FFBC42 4.89:1 AA
Aa #BEAE64 on #891545 4.18:1 AA Large
Aa #F69248 on #891545 4.04:1 AA Large
Aa #105189 on #BEAE64 3.68:1 AA Large
Aa #105189 on #F69248 3.56:1 AA Large
Aa #FFBC42 on #CB203C 3.29:1 AA Large
Aa #6EA096 on #891545 3.16:1 AA Large
Aa #105189 on #6EA096 2.79:1 Fail
Aa #3C7C9A on #FFBC42 2.76:1 Fail
Aa #EB5B42 on #891545 2.71:1 Fail
Aa #BEAE64 on #CB203C 2.47:1 Fail
Aa #105189 on #EB5B42 2.39:1 Fail
Aa #F69248 on #CB203C 2.39:1 Fail
Aa #3C7C9A on #BEAE64 2.08:1 Fail
Aa #FFBC42 on #EB5B42 2.05:1 Fail
Aa #3C7C9A on #F69248 2.01:1 Fail
Aa #3C7C9A on #891545 2.01:1 Fail
Aa #6EA096 on #CB203C 1.87:1 Fail
Aa #105189 on #3C7C9A 1.77:1 Fail
Aa #6EA096 on #FFBC42 1.76:1 Fail
Aa #CB203C on #891545 1.69:1 Fail
Aa #EB5B42 on #CB203C 1.60:1 Fail
Aa #3C7C9A on #6EA096 1.57:1 Fail
Aa #BEAE64 on #EB5B42 1.54:1 Fail
Aa #105189 on #CB203C 1.49:1 Fail
Aa #F69248 on #EB5B42 1.49:1 Fail
Aa #FFBC42 on #F69248 1.37:1 Fail
Aa #3C7C9A on #EB5B42 1.34:1 Fail
Aa #BEAE64 on #FFBC42 1.33:1 Fail
Aa #6EA096 on #BEAE64 1.32:1 Fail
Aa #6EA096 on #F69248 1.28:1 Fail
Aa #3C7C9A on #CB203C 1.19:1 Fail
Aa #6EA096 on #EB5B42 1.17:1 Fail
Aa #105189 on #891545 1.13:1 Fail
Aa #BEAE64 on #F69248 1.03:1 Fail

Similar palettes

#F9ED69 #F08A5D #B83B5E #6A2C70
4 colors
#7D5A50 #B4846C #E5B299 #FCDEC0
4 colors
#FFF8EA #9E7676 #815B5B #594545
4 colors
#2C3639 #3F4E4F #A27B5C #DCD7C9
4 colors
#F67280 #C06C84 #6C5B7B #355C7D
4 colors
#2B2E4A #E84545 #903749 #53354A
4 colors
#E5D9B6 #A4BE7B #5F8D4E #285430
4 colors
#A9907E #F3DEBA #ABC4AA #675D50
4 colors