Bluesky
Bluesky social corporate palette, anchored on Bluesky Blue (#0085FF) — the saturated sky-blue that carries the Bluesky butterfly mark and the bsky.app product surface. Bluesky's identity is bi-modal: the default mobile-app experience is dark-canvas with the Blue used on the mark and primary affordances, while the marketing surface and desktop product default to a light canvas. The supporting system is intentionally restrained — one blue, two canvases, and a handful of authored neutrals — letting posts and media drive the visual surface.
18 swatches 14 light roles 14 dark roles
Swatches
bluesky-blue
#0085FF
Signature sky-blue — the primary brand color. The Bluesky butterfly mark, the wordmark, and primary CTAs on bsky.app all render in this hue. Verified hex via the simple-icons brand database citing bsky.app.
bluesky-blue-dark
#0068C9
Authored darker blue for hover, pressed, and active states on the primary CTA.
bluesky-blue-light
#4FA9FF
Authored lighter blue for link affordances on the dark canvas.
bluesky-white
#FFFFFF
Canonical light canvas — bsky.app's light theme surface.
bluesky-near-white
#F1F3F5
Authored panel surface on light mode.
bluesky-text-primary
#0B0F14
Authored body text and headline color on light backgrounds.
bluesky-text-secondary
#42576C
Authored secondary text on light backgrounds.
bluesky-text-tertiary
#788EA4
Authored tertiary / muted text on light backgrounds.
bluesky-divider-light
#D4DBE2
Authored hairline divider on light canvas.
bluesky-canvas-dark
#0B0F14
Authored dark canvas matching bsky.app's dark theme — a deep near-black with a cool blue undertone.
bluesky-surface-dark
#161E27
Authored elevated surface on the dark canvas.
bluesky-surface-elevated-dark
#1E2936
Authored deepest-elevated surface on dark mode — modals, popovers.
bluesky-text-on-dark
#F1F3F5
Primary text on the dark canvas.
bluesky-text-secondary-dark
#A5B6C8
Authored secondary text on the dark canvas.
bluesky-divider-dark
#2C3A4A
Authored hairline divider on the dark canvas.
bluesky-green
#1A7F37
Authored success accent for status affordances.
bluesky-yellow
#D9A026
Authored warning accent.
bluesky-red
#E5484D
Authored error / destructive accent.
Mode role mappings
Light mode (14 roles)
accent
→ bluesky-blue accent-hover
→ bluesky-blue-dark background
→ bluesky-white error
→ bluesky-red primary
→ bluesky-blue primary-hover
→ bluesky-blue-dark success
→ bluesky-green surface
→ bluesky-near-white surface-elevated
→ bluesky-white text-primary
→ bluesky-text-primary text-secondary
→ bluesky-text-secondary text-tertiary
→ bluesky-text-tertiary warning
→ bluesky-yellow warning-hover
→ bluesky-yellow Dark mode (14 roles)
accent
→ bluesky-blue-light accent-hover
→ bluesky-blue background
→ bluesky-canvas-dark error
→ bluesky-red primary
→ bluesky-blue-light primary-hover
→ bluesky-blue success
→ bluesky-green surface
→ bluesky-surface-dark surface-elevated
→ bluesky-surface-elevated-dark text-primary
→ bluesky-text-on-dark text-secondary
→ bluesky-text-secondary-dark text-tertiary
→ bluesky-text-secondary-dark warning
→ bluesky-yellow warning-hover
→ bluesky-yellow Provenance
- Source
- https://bsky.app
- License
Proprietary — All Rights Reserved- Attribution
- Bluesky and the Bluesky butterfly mark are trademarks of Bluesky Social, PBC. The primary brand blue (~#0085FF) is verified via the simple-icons brand database, which cites bsky.app as the source, and is consistent with the brand-mark fill on the bsky.app product surface and the Bluesky press kit. The Bluesky brand guidance is published informally across bsky.social and the bsky.app product; this atom catalogues the documented brand color and authored neutral surfaces.
- Imported
-
2026-05-18 - Notes
- Bluesky's mobile client defaults to dark mode on platforms where the OS prefers dark; the brand-identity surface is bi-modal. Authored neutrals follow Bluesky's product-UI tones (near-black canvas with cool gray-blue elevations) rather than fabricating an independent dark palette.