Primary Colors
These colors are used across all Dicoding communications, in both digital and print applications. They help create a consistent, recognizable, and unified brand experience.
Indigo
#041E42
4, 30, 66, 100
Turquoise
#40C1AC
64, 193, 172, 1000
Black
#000000
0, 0, 0, 100
Secondary Colors
Supporting Our Visual System Our secondary colors are the perfect supporting cast for the Dicoding brand. They bring life and energy to our website, presentations, and illustrations, especially when we need gorgeous gradients or subtle, delightful accents.
Keep It Balanced
To keep our brand feeling clean and impactful, treat these colors as beautiful highlights. They should be used sparingly and never as primary background floods.
A Note on Typography
To ensure every word we share is crystal clear, accessible, and easy on the eyes, secondary colors should never be used for main text. Instead, always rely on our high-contrast heroes:
Black: Your go-to for typography on light backgrounds.
White: Your essential choice for typography on dark backgrounds.
By sticking to these high-contrast options, we guarantee our messaging remains as beautifully legible as it is professional!
Dot Blue
#276EF1
39, 110, 241, 100
Green
#6DD87B
109, 216, 123, 100
Brave Orange
#276EF1
255, 255, 255, 100
Fine Violet
#6B5ACF
255, 255, 255, 100
Yellow
FDFE00
253, 254, 0, 100
Cloudy White
#F9F9F8
249, 249, 248, 100
Primary Shade
These colors are used across all Dicoding communications, in both digital and print applications. They help create a consistent, recognizable, and unified brand experience.
Indigo
Turquoise
White
Secondary Shades
Shade colors are supporting tones used to enrich our gradient compositions and bring depth to illustrations. They help create smoother transitions, stronger atmosphere, and a more immersive visual experience across Dicoding’s visual ecosystem. In gradients, shade colors act as bridging tones between primary and secondary colors, ensuring transitions feel natural, refined, and modern. In illustrations, shade colors provide dimensionality helping define light, shadow, and visual hierarchy without overpowering the core palette.
Brave Orange
Dot Blue
Yellow
Fine Violet
Green
Cloudy White
Primary Shade
These colors are used across all Dicoding communications, in both digital and print applications. They help create a consistent, recognizable, and unified brand experience.
Indigo
Turquoise
White
Angular Gradient Colors
Gradients are a recent addition to our visual identity. They are used to express a sense of innovation, progress, and modernity within the Dicoding brand. Use gradients sparingly and intentionally.
Their primary purpose is to serve as background elements, helping highlight key content or create atmosphere, never to overwhelm it. Gradients should not replace solid brand colors for typography, icons, or large layout structures.
They work best when used to enhance the overall visual experience while staying aligned with Dicoding’s clean and focused design principles.
Multi Gradient Colors
Gradients are a recent addition to our visual identity. They are used to express a sense of innovation, progress, and modernity within the Dicoding brand. Use gradients sparingly and intentionally.
Their primary purpose is to serve as background elements, helping highlight key content or create atmosphere, never to overwhelm it.
Gradients should not replace solid brand colors for typography, icons, or large layout structures.
They work best when used to enhance the overall visual experience while staying aligned with Dicoding’s clean and focused design principles.
Dicoding Brand Guidelines
Back
Next
These guidelines were crafted by the Creative at Dicoding
A collective of designers, writers, and engineers dedicated to ensuring a seamless and impactful experience across our entire developer ecosystem. We are the guardians of the Dicoding identity, ensuring that every touchpoint, from our learning platform to our community events, reflects our commitment to elevating Indonesia’s tech talent with clarity, authority, and innovation.
Contact Us