Coastal
Open in tool →Sea-teal, sky and sand — bright without shouting; works for travel, wellness, and anything near water.
Sky Blue hex code
Sky Blue
#87ceeb
hex
#87ceebrgb
rgb(135, 206, 235)hsl
hsl(197, 71%, 73%)oklch
oklch(0.815 0.082 225.8)Relative luminance 0.5529
Sky Blue is a light, moderately saturated blue — #87ceeb, rgb(135, 206, 235), hue 197° at 71% saturation. The colours that go with sky blue are Charcoal, Dark Salmon and Crimson — each with the reason below, and the real palettes that pair them. It fails AA as text on white (1.74:1) but passes on black at 12.06:1 — a dark-mode colour, or a fill with dark type on it. 1 public brand uses it and 1 curated palette is built around it.
Colors that go with Sky Blue
Charcoal, Dark Salmon and Crimson lead the list. Each partner is a real named colour with the reason it works — a wheel relationship, a neutral that carries it, or a pairing lifted from a palette or brand system that actually shipped — and every pair opens in the palette tool.
Charcoal #36454f
neutralshippedCharcoal is the text near-black for Sky Blue: softer than #000 and cool enough to feel like part of the same palette.
Dark Salmon #e9967a
complementaryshippedDark Salmon sits directly opposite Sky Blue on the wheel — the strongest contrast one hue can give another, so use it small: a button, a link colour, one highlight.
Crimson #dc143c
shippedCrimson is paired with Sky Blue in 5 real palettes, including Tiffany & Co.'s brand system and Frost & Ember, as the supporting colour.
Denim #1560bd
shippedDesigners have shipped Denim with Sky Blue: 5 real palettes, including UEFA's brand system and Nikon's brand system, as the accent.
Dodger Blue #1e90ff
shippedDesigners have shipped Dodger Blue with Sky Blue: 4 real palettes, including Opensea's brand system and Patreon's brand system, as the lead colour.
Midnight Blue #191970
shipped6 real palettes, including Telehealth and Blue Mono put Midnight Blue beside Sky Blue, as the text colour against it.
Plum #dda0dd
triadicshippedPlum completes a triad with Sky Blue — three hues spaced evenly round the wheel, the classic way to get energy into a palette without a clash.
Slate Gray #708090
shipped8 real palettes, including Still Water and Dusty Blue put Slate Gray beside Sky Blue, as the lead colour.
Real palettes that use Sky Blue
Tints & shades
Harmonies
Contrast
| Sky Blue as text | Ratio | AA | AA large | AAA | Fix |
|---|---|---|---|---|---|
Aaon white | 1.74:1 | fail | fail | fail | |
Aaon black | 12.06:1 | pass | pass | pass | Passes AAA — no fix needed. |
Fixes keep hue and saturation and move lightness only, so the suggestion stays on-brand. Ratios are symmetric: the same numbers apply with Sky Blue as the background.
Brands using this color
Palettes built around it
Fonts for this mood
Sky Blue reads as cool, vivid, light. The font library is tagged with the same vocabulary:
mcpConnect your agent — build around Sky Blue
live endpointPoint any MCP client at the shared colors endpoint and your agent gets the same engine as this page — direct_palette, edit_direction, check_palette, check_contrast — read-only, no key. Every direction it proposes comes with a /colors/d/… link: open it, lock what you like, paste the link back, and the agent edits rather than re-rolls.
endpoint
https://mcp.brandsweets.com/colors/mcpclaude mcp add --transport http brandsweets-colors https://mcp.brandsweets.com/colors/mcp
try this prompt
›analyze #87ceeb and generate a 5-color palette that keeps it as the primary; give me the /palettes/new link
tool url
/palettes/new/87ceeb-9cb4c4-df4e6b-1f232d-e9f1ef?lock=0&style=vibrantWant the agent to remember your picks and write them into a living brand? Create a free BrandSweets workspace.
Machine-readable: color.md