# Blue hue design examples

[Open the live Fudge conversation](https://design.withfudge.com/share/designs-with-color.hue.blue)

Last updated: 2026-08-06

Explore website designs that use **Blue hue**.

## Captured pages

[![Fauna Robotics | Capable, Safe, Fun Robots for Everyone](https://pin.fontofweb.com/10741?format=jpg)](https://design.withfudge.com/share/pin-10741)

[Fauna Robotics | Capable, Safe, Fun Robots for Everyone](https://design.withfudge.com/share/pin-10741)

[![Fauna Robotics | Capable, Safe, Fun Robots for Everyone](https://pin.fontofweb.com/10739?format=jpg)](https://design.withfudge.com/share/pin-10739)

[Fauna Robotics | Capable, Safe, Fun Robots for Everyone](https://design.withfudge.com/share/pin-10739)

[![Fairphone | Official Website](https://pin.fontofweb.com/10725?format=jpg)](https://design.withfudge.com/share/pin-10725)

[Fairphone | Official Website](https://design.withfudge.com/share/pin-10725)

[![Home](https://pin.fontofweb.com/10708?format=jpg)](https://design.withfudge.com/share/pin-10708)

[Home](https://design.withfudge.com/share/pin-10708)

[![Brave Search API | Brave](https://pin.fontofweb.com/10705?format=jpg)](https://design.withfudge.com/share/pin-10705)

[Brave Search API | Brave](https://design.withfudge.com/share/pin-10705)

[![Site Explorer by Ahrefs: The #1 Competitor Analysis Tool](https://pin.fontofweb.com/10704?format=jpg)](https://design.withfudge.com/share/pin-10704)

[Site Explorer by Ahrefs: The #1 Competitor Analysis Tool](https://design.withfudge.com/share/pin-10704)

[![Site Explorer by Ahrefs: The #1 Competitor Analysis Tool](https://pin.fontofweb.com/10703?format=jpg)](https://design.withfudge.com/share/pin-10703)

[Site Explorer by Ahrefs: The #1 Competitor Analysis Tool](https://design.withfudge.com/share/pin-10703)

[![Ahrefs—AI Marketing Platform Powered by Big Data](https://pin.fontofweb.com/10699?format=jpg)](https://design.withfudge.com/share/pin-10699)

[Ahrefs—AI Marketing Platform Powered by Big Data](https://design.withfudge.com/share/pin-10699)

[![Ahrefs—AI Marketing Platform Powered by Big Data](https://pin.fontofweb.com/10698?format=jpg)](https://design.withfudge.com/share/pin-10698)

[Ahrefs—AI Marketing Platform Powered by Big Data](https://design.withfudge.com/share/pin-10698)

[![Ahrefs—AI Marketing Platform Powered by Big Data](https://pin.fontofweb.com/10680?format=jpg)](https://design.withfudge.com/share/pin-10680)

[Ahrefs—AI Marketing Platform Powered by Big Data](https://design.withfudge.com/share/pin-10680)

[![Ahrefs—AI Marketing Platform Powered by Big Data](https://pin.fontofweb.com/10679?format=jpg)](https://design.withfudge.com/share/pin-10679)

[Ahrefs—AI Marketing Platform Powered by Big Data](https://design.withfudge.com/share/pin-10679)

[![Ahrefs—AI Marketing Platform Powered by Big Data](https://pin.fontofweb.com/10677?format=jpg)](https://design.withfudge.com/share/pin-10677)

[Ahrefs—AI Marketing Platform Powered by Big Data](https://design.withfudge.com/share/pin-10677)

## Related design patterns

- [Primary text color](/share/designs-with-color.role.text_primary)
- [Accent color](/share/designs-with-color.role.accent)
- [Secondary text color](/share/designs-with-color.role.text_secondary)
- [Body role](/share/designs-with-typography.role.body)
- [Neutral hue](/share/designs-with-color.hue.neutral)
- [Moderate density](/share/designs-with-density.moderate)

## Related website guides

- [ahrefs.com design guide](/share/ahrefs.com-design)
- [algebrica.org design guide](/share/algebrica.org-design)
- [analytics.google.com design guide](/share/analytics.google.com-design)
- [aol.com design guide](/share/aol.com-design)
- [api-dashboard.search.brave.com design guide](/share/api-dashboard.search.brave.com-design)
- [app.base44.com design guide](/share/app.base44.com-design)
- [apple.com design guide](/share/apple.com-design)
- [artificialanalysis.ai design guide](/share/artificialanalysis.ai-design)
- [artsandculture.google.com design guide](/share/artsandculture.google.com-design)
- [assistant-ui.com design guide](/share/assistant-ui.com-design)
- [behance.net design guide](/share/behance.net-design)
- [braintrust.dev design guide](/share/braintrust.dev-design)
- [brave.com design guide](/share/brave.com-design)
- [brookings.edu design guide](/share/brookings.edu-design)
- [caffeine.ai design guide](/share/caffeine.ai-design)
- [capacity.so design guide](/share/capacity.so-design)
- [chatgpt.com design guide](/share/chatgpt.com-design)
- [clarity.microsoft.com design guide](/share/clarity.microsoft.com-design)
- [codepen.io design guide](/share/codepen.io-design)
- [console.groq.com design guide](/share/console.groq.com-design)
- [curator.io design guide](/share/curator.io-design)
- [dash.cloudflare.com design guide](/share/dash.cloudflare.com-design)
- [dashboard.exa.ai design guide](/share/dashboard.exa.ai-design)
- [dashboard.internetcomputer.org design guide](/share/dashboard.internetcomputer.org-design)
- [designwithvibbbes.com design guide](/share/designwithvibbbes.com-design)
- [developer.chrome.com design guide](/share/developer.chrome.com-design)
- [developers.google.com design guide](/share/developers.google.com-design)
- [endl.io design guide](/share/endl.io-design)
- [exa.ai design guide](/share/exa.ai-design)
- [explainers.blog design guide](/share/explainers.blog-design)
- [faunarobotics.com design guide](/share/faunarobotics.com-design)
- [framer.com design guide](/share/framer.com-design)
- [gemini.google.com design guide](/share/gemini.google.com-design)
- [getmesa.dev design guide](/share/getmesa.dev-design)
- [getomni.ai design guide](/share/getomni.ai-design)
- [giga.ai design guide](/share/giga.ai-design)
- [google.com design guide](/share/google.com-design)
- [grok.com design guide](/share/grok.com-design)
- [grokipedia.com design guide](/share/grokipedia.com-design)
- [helium.computer design guide](/share/helium.computer-design)
- [heroui.pro design guide](/share/heroui.pro-design)
- [humalike.ai design guide](/share/humalike.ai-design)
- [hypen.space design guide](/share/hypen.space-design)
- [ibm.com design guide](/share/ibm.com-design)
- [icpay.org design guide](/share/icpay.org-design)
- [invideo.io design guide](/share/invideo.io-design)
- [krea.ai design guide](/share/krea.ai-design)
- [laylo.com design guide](/share/laylo.com-design)
- [lead.bank design guide](/share/lead.bank-design)
- [lit.dev design guide](/share/lit.dev-design)
- [meodai.github.io design guide](/share/meodai.github.io-design)
- [mercury.com design guide](/share/mercury.com-design)
- [micro.so design guide](/share/micro.so-design)
- [mobbin.com design guide](/share/mobbin.com-design)
- [moda.app design guide](/share/moda.app-design)
- [neuform.ai design guide](/share/neuform.ai-design)
- [new.email design guide](/share/new.email-design)
- [notion.com design guide](/share/notion.com-design)
- [offscript.sh design guide](/share/offscript.sh-design)
- [openai.com design guide](/share/openai.com-design)
- [opencollective.com design guide](/share/opencollective.com-design)
- [openknowledge.ai design guide](/share/openknowledge.ai-design)
- [pay.google.com design guide](/share/pay.google.com-design)
- [photon.codes design guide](/share/photon.codes-design)
- [pingo.ai design guide](/share/pingo.ai-design)
- [plutio.com design guide](/share/plutio.com-design)
- [pocketui.app design guide](/share/pocketui.app-design)
- [polymarket.com design guide](/share/polymarket.com-design)
- [postfa.st design guide](/share/postfa.st-design)
- [radix-ui.com design guide](/share/radix-ui.com-design)
- [republic.com design guide](/share/republic.com-design)
- [savee.com design guide](/share/savee.com-design)
- [snorkel.ai design guide](/share/snorkel.ai-design)
- [storybook.js.org design guide](/share/storybook.js.org-design)
- [stripe.com design guide](/share/stripe.com-design)
- [styles.refero.design design guide](/share/styles.refero.design-design)
- [subq.ai design guide](/share/subq.ai-design)
- [tambo.co design guide](/share/tambo.co-design)
- [temporal.io design guide](/share/temporal.io-design)
- [theguardian.com design guide](/share/theguardian.com-design)
- [together.ai design guide](/share/together.ai-design)
- [tradingview.com design guide](/share/tradingview.com-design)
- [trustpilot.com design guide](/share/trustpilot.com-design)
- [tryholo.ai design guide](/share/tryholo.ai-design)
- [twilio.com design guide](/share/twilio.com-design)
- [useorigin.com design guide](/share/useorigin.com-design)
- [vercel.com design guide](/share/vercel.com-design)
- [vogue.maitch.ai design guide](/share/vogue.maitch.ai-design)
- [warbl.tw design guide](/share/warbl.tw-design)
- [windsurf.com design guide](/share/windsurf.com-design)
- [wip.co design guide](/share/wip.co-design)
- [wolfram.com design guide](/share/wolfram.com-design)
- [wonder.design design guide](/share/wonder.design-design)
- [workers.cloudflare.com design guide](/share/workers.cloudflare.com-design)
- [workspace.google.com design guide](/share/workspace.google.com-design)
- [afterquery.com design guide](/share/afterquery.com-design)
- [aihero.dev design guide](/share/aihero.dev-design)
- [diabrowser.com design guide](/share/diabrowser.com-design)
- [fairphone.com design guide](/share/fairphone.com-design)
- [innocean.com design guide](/share/innocean.com-design)
- [minimax.io design guide](/share/minimax.io-design)
- [stagehand.dev design guide](/share/stagehand.dev-design)
- [x.com design guide](/share/x.com-design)
- [zed.dev design guide](/share/zed.dev-design)
