Cool and quick dabble on Kibana4 for custom color palettes. Since Kibana4 is the blaze of the future and old Kibana is not coming back, its worth our time spending time getting to know this latest version.

Here is neat ‘temp graph’ using a custom color palette and temperature data from drives in pc.

And here is the original for reference.

First, go here and grab some colors, http://www.perbang.dk/rgbgradient/ Then just edit file.

/opt/kibana/src/public/index.js

Here is my change. From this:

return function SeedColorUtilService() { return [ '#57c17b', '#006e8a', '#6f87d8', '#663db8', '#bc52bc', '#9e3533', '#daa05d' ];

To this:

// Flames Baby return function SeedColorUtilService() { return [ '#2DF008', '#44F10A', '#5CF10B', '#73F10C', '#8AF10D', '#A1F10E', '#B8F10F', '#CFF110', '#E5F111', '#F1E712', '#F1D113', '#F2BC15', '#F2A616', '#F29117', '#F27C18', '#F26719', '#F2531A', '#F23E1B', '#F22A1C', '#F21D25', '#F21E3B', '#F21F50' ];

That and a quick restart, and BAM; custom color palettes in Kibana4. Of course, this is an all or nothing. If other visualizations in your dashboard have have multiple filters/attributes, everything ends up looking equally colorful. Here is a flaming pie-chart for example.

And here is how it would look with the default palette.

Kibana4 is evolving and I am certain their color palette implementation will be better than this, however, if you need custom colors now, this will do in a pinch.

Thanks for reading.