Customize your Tikitrade default colors with tiki.js

May 28, 2025 by Tiki Dave

Our default color scheme reflects the tropical nature of our brand, but we get it may not be for everyone. We want you to feel at home with Tikitrade, and so we made it possible to customize the default colors across all our indicators. This short guide will show you how!

Step 1: Open the ‘Add modules’ panel

Step 2: Drag the Code Editor module into your workspace

Step 3: Create a new file called ‘tiki.js’

Step 4: Open tiki.js and remove example code (SMA indicator)

Step 5: Copy and paste our example code

NEW: Add your Tiki Key!

Your Tiki Key is required to activate cloud indicators like Tiki News and Tiki Gamma. When you add it to tiki.js, you will never need to enter it manually again — just set it and forget it.

Note: If you want to add your Tiki Key without changing colors, remove the “colors: { … }”
block from the example script below.

module.exports = {
  tikiKey: 123456789,  // Find in your members area
  colors: {
    up: "lime",
    upFade: "green",
    down: "red",
    downFade: "maroon",
    neutral: "gray",
  },
};

Step 6: Personalize your color scheme!

Use the table below to find colors you like and update your tiki.js file.

whitegainsborosilverdarkgraygraydimgrayblack
whitesmokelightgraylightcoralrosybrownindianredredmaroon
snowmistyrosesalmonorangeredchocolatebrowndarkred
seashellpeachpufftomatodarkorangeperufirebrickolive
linenbisquedarksalmonorangegoldenrodsiennadarkolivegreen
oldlaceantiquewhitecoralgoldlimegreensaddlebrowndarkgreen
floralwhitenavajowhitelightsalmondarkkhakilimedarkgoldenrodgreen
cornsilkblanchedalmondsandybrownyellowmediumseagreenolivedrabforestgreen
ivorypapayawhipburlywoodyellowgreenspringgreenseagreendarkslategray
beigemoccasintanchartreusemediumspringgreenlightseagreenteal
lightyellowwheatkhakilawngreenaquadarkturquoisedarkcyan
lightgoldenrodyellowlemonchiffongreenyellowdarkseagreencyandeepskybluemidnightblue
honeydewpalegoldenrodlightgreenmediumaquamarinecadetbluesteelbluenavy
mintcreampalegreenskyblueturquoisedodgerbluebluedarkblue
azureaquamarinelightskybluemediumturquoiselightslategraybluevioletmediumblue
lightcyanpaleturquoiselightsteelbluecornflowerblueslategraydarkorchiddarkslateblue
alicebluepowderbluethistlemediumslateblueroyalbluedarkvioletrebeccapurple
ghostwhitelightblueplummediumpurpleslatebluemagentaindigo
lavenderpinkvioletorchidmediumorchidmediumvioletredpurple
lavenderblushlightpinkhotpinkpalevioletreddeeppinkcrimsondarkmagenta

Want more unique colors? Spend some time with online Color Tools and use hex values for more precision.

Step 7: Save your tiki.js file

Step 8: Test out your colors!

You should now see your customized default colors when adding a new Tikitrade indicator.

Want to change your colors? Repeat steps 6 and 7 until you love it.

Miss our default scheme? Delete your tiki.js file, or the omit any color keys you don’t want to override.

Before

After