#010710
#435163
#FFBB59
#E7EBF1
#F1F4FFSmoke
#B3E100Pear
#717A9ESlate
#0D101ELicorice
Cosmic Pear & Slate Whisper is a vivid complementary color palette tagged space, minimal, white. Pear and Slate sit nearly opposite on the color wheel, so the pairing has real energy; keep one as the accent. These are bold, punchy colors that need generous white space around them. The overall temperature is cool.
Color codes click any value to copy
| Swatch | Name | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|---|
| Smoke | #F1F4FF | rgb(241, 244, 255) | hsl(227, 100%, 97%) | oklch(96.8% 0.015 274) | |
| Pear | #B3E100 | rgb(179, 225, 0) | hsl(72, 100%, 44%) | oklch(84.6% 0.208 123) | |
| Slate | #717A9E | rgb(113, 122, 158) | hsl(228, 19%, 53%) | oklch(58.6% 0.056 274) | |
| Licorice | #0D101E | rgb(13, 16, 30) | hsl(229, 40%, 8%) | oklch(17.8% 0.029 274) |
Why it works and how to use it
The palette holds together thanks to its complementary hue relationship and a strong light-to-dark ladder (97% down to 8% lightness). A natural fit for websites, presentations and branding.
- Background: Smoke (#F1F4FF) is the lightest color, so it belongs on large surfaces.
- Text: Licorice (#0D101E) on #F1F4FF gives 17.23:1, passing WCAG AAA.
- Primary: Pear (#B3E100) is the most saturated mid-tone; use it for buttons and links with a border or a darker shade for contrast.
- Accent: Slate (#717A9E) for highlights, badges and hover states.
2 of 6 color pairs pass WCAG AA (4.5:1); the strongest is Smoke on Licorice at 17.23:1.
Preview on a real UI see how the palette feels in context
BrandFeaturesPricingBlogGet started
Design faster with Cosmic Pear & Slate Whisper
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
#F1F4FF
#B3E100
#717A9E
#0D101E
Color-blind check: all four colors stay distinguishable under protanopia, deuteranopia and tritanopia.
Contrast check WCAG ratios between palette colors
| Pair | Sample | Ratio | Level |
|---|---|---|---|
#F1F4FF on #0D101E | Aa | 17.23:1 | AAA |
#B3E100 on #0D101E | Aa | 12.33:1 | AAA |
#717A9E on #0D101E | Aa | 4.49:1 | AA large only |
#F1F4FF on #717A9E | Aa | 3.84:1 | AA large only |
#B3E100 on #717A9E | Aa | 2.75:1 | Fail |
#F1F4FF on #B3E100 | Aa | 1.4:1 | Fail |
Similar palettes 24 more in this mood
#0E1427
#676E78
#C5BE00
#E6E7E9
#0D1321
#34465E
#748CAB
#F0EBD8
#111823
#3F506C
#81BBFF
#FFFAE9
#0F1421
#424A66
#6A7B94
#AEF3E6
#775249
#872870
#850039
#120115
#121016
#54149C
#693B79
#5B9FFF
#BD95FF
#CC98B3
#846C87
#111126
#003439
#006857
#55709F
#008FC2
#A882C7
#AE495D
#834470
#1A161F
#05070B
#00576A
#576E84
#00B579
#050915
#314E53
#5C9188
#D1F0AB
#000000
#3A3A3A
#D4AF37
#F2F2F2
#03071E
#0B525B
#1B998B
#C2F970
#000814
#1B3A69
#2A5A99
#FFC300
#0A0A0A
#3D3D3D
#CCFF00
#FFFFFF
#111111
#424242
#FF3B3B
#FAFAFA
#0B132B
#3B487A
#5C7BA8
#6FFFE9
#0B0F14
#3C4552
#2EE6A6
#E6EDF3
#1A1A1D
#4C4C54
#E8788A
#F4F4F6
#111318
#454A54
#F4A7B9
#FBFBFC
#0F1419
#3E4C59
#D9B99B
#F3EFE9
#18191A
#4F5052
#B8F53F
#F7F7F5
#0A1024
#3A456B
#5C7CFA
#DDE3FF