Primary logotype
Light backgroundsBokeh brand resources
Make it clear.
Keep it Bokeh.
Official logos, color values, and practical guidance for presenting Bokeh accurately in talks, articles, applications, and community materials.
Download the complete brand set
Official logotype · reversed
01 · Official logos
The right mark for every background.
Use the full logotype whenever Bokeh needs to be identified. The standalone icon is a supporting graphic, not a replacement for the Bokeh name.
Download SVG
Reversed logotype
Dark backgrounds
Bokeh icon
Graphic detail only02 · Logo usage
Give the mark room to do its work.
A few consistent choices keep the Bokeh logotype legible and recognizable across print and digital applications.
- Use the primary logo on white or light backgrounds.
- Use the reversed logo on dark backgrounds.
- Keep at least 72 px of width for digital use.
- Leave clear space equal to three times the bar in the “k.”
- Stretch, compress, rotate, or redraw the logotype.
- Change its colors or apply transparency.
- Place text or other elements over the logo.
- Use the icon alone to identify the Bokeh project.
03 · Brand colors
A spectrum made for visual thinking.
These eight colors form Bokeh’s official multicolor symbol. Use the exact values when reproducing project artwork.
#F9AA1A#F05123#ED1557#8B288C#4698D3#19ACAF#2AB356#A6CE39