#222831
#575D65
#00ADB5
#EEEEEE
#222831Raisin
#575D65Storm
#988BDACornflower
#EEEEEEFrost
Lagoon Cornflower & Raisin is a muted analogous color palette tagged dark, modern, minimal. Analogous neighbors on the wheel (Raisin, Cornflower) give it a natural, low-tension flow. Saturation stays low across the board, giving it a calm, editorial feel. The overall temperature is cool.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Raisin | #222831 | rgb(34, 40, 49) | hsl(216, 18%, 16%) | oklch(27.5% 0.019 258) | |
| Storm | #575D65 | rgb(87, 93, 101) | hsl(214, 7%, 37%) | oklch(47.6% 0.015 256) | |
| Cornflower | #988BDA | rgb(152, 139, 218) | hsl(250, 52%, 70%) | oklch(68.0% 0.115 291) | |
| Frost | #EEEEEE | rgb(238, 238, 238) | hsl(0, 0%, 93%) | oklch(94.9% 0.000 0) |
Why it works and how to use it
Two of the four colors are near-neutral, which leaves room for Cornflower to lead. Lightness runs from 16% to 93%. Well suited to websites, presentations and branding.
- Background: Frost (#EEEEEE) is the lightest color, so it belongs on large surfaces.
- Text: Raisin (#222831) on #EEEEEE gives 12.78:1, passing WCAG AAA.
- Primary: Cornflower (#988BDA) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Storm (#575D65) for highlights, badges and hover states.
3 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Raisin on Frost at 12.78:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Lagoon Cornflower & Raisin
A palette preview that turns four colors into a page, so you can judge hierarchy, contrast and mood before you commit.
Primary action SecondaryCard title
Card title
Card title
Roles are assigned by lightness.
Color blindness simulation
#222831
#575D65
#988BDA
#EEEEEE
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#222831 on #EEEEEE | Aa | 12.78:1 | AAA |
#575D65 on #EEEEEE | Aa | 5.73:1 | AA |
#222831 on #988BDA | Aa | 4.97:1 | AA |
#988BDA on #EEEEEE | Aa | 2.57:1 | Fail |
#222831 on #575D65 | Aa | 2.23:1 | Fail |
#575D65 on #988BDA | Aa | 2.23:1 | Fail |
Similar palettes 24 more in this mood
#111111
#424242
#FF3B3B
#FAFAFA
#1A1A1D
#4C4C54
#E8788A
#F4F4F6
#EDEEF0
#C9CCD1
#1D4ED8
#0B1220
#ECF1F7
#FF2A6C
#4E6074
#222A32
#2B2B2B
#4A4A4A
#00E9DB
#F5F5F5
#F3F5F4
#AD6FDD
#4E5A58
#0F1212
#E8EEEE
#DD5600
#596564
#050D0D
#121214
#5D6064
#B3CCFF
#E6EEFF
#2B2B2B
#4A4A4A
#A6E22E
#F5F5F5
#F5F5F5
#CBCBCB
#3A5400
#2B2B2B
#2C2C30
#606068
#FF90A0
#FAFAFC
#FAFAFA
#919191
#81000C
#111111
#EDEEF0
#C9CCD1
#7A5A00
#0B1220
#2B2B2B
#4A4A4A
#FFABE8
#F5F5F5
#0F0F0F
#444444
#049C65
#F4EEE8
#EDEEF0
#C9CCD1
#006699
#05141E
#1E1B18
#6B5D4F
#C9B79C
#F4EFE6
#111111
#424242
#E444BE
#FAFAFA
#202020
#565656
#FF796E
#FAFAFA
#222831
#575D65
#D67A79
#EEEEEE
#0F0F0F
#444444
#C8623F
#F4EEE8
#111111
#424242
#8C9B00
#FAFAFA
#1A1A1D
#4C4C54
#00B7B2
#F4F4F6