Azure Harbor color palette — #C6ECFD · #38A9DC · #0074A9 · #005182 · #153B63
Cyan takes the lead with Slate close behind in a set that reads as trust and stability at first glance.
The five colors
- Frost (#C6ECFD): A whisper-light, dusty blue — the color of deep harbor water.
- Cyan (#38A9DC): A luminous, balanced blue — the color of a favorite pair of jeans.
- Slate (#0074A9): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005182): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#153B63): A deep, shadowed, balanced blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Azure Harbor into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.
Similar palettes
- Cobalt Workshop color palette (#D8ECFF, #71A5E3, #4E76BB, #3F538B, #4A375E)
- Tempered Pier color palette (#D2E6E4, #00ACB1, #007C86, #00505E, #163250)
- Washed Study color palette (#EFF6FF, #759EE0, #3162B0, #02347A, #002051)
- Pine Workshop color palette (#D9F6ED, #5194C8, #468A4E, #005B90, #163F1C)
- Frosted Cobalt Veranda color palette (#F6DAF8, #217BD2, #89539A, #006961, #112C49)
- Ancient Iris color palette (#FFE2F4, #B2AEE3, #8B7CB5, #695786, #64424E)
- Lapis Lantern color palette (#E8EEFF, #7F8BFF, #5730E9, #4A00A7, #3F1274)
- Misty Nightshade color palette (#CFE3FF, #355FD7, #240EC2, #1B0068, #100038)
Browse the whole catalog at Explore, or see today's palette.