Svelte Brand Color
The official Svelte brand color is #FF3E00. Use this exact color code to maintain brand consistency across your designs, websites, and marketing materials.
Svelte Color Values
HEX
#FF3E00
RGB
255, 62, 0
HSL
15, 100%, 50%
Svelte Tints & Shades
A range of lighter tints and darker shades derived from the Svelte base color.
Tint 50%
#FFECE5
Tint 40%
#FFC9B8
Tint 30%
#FFA78A
Tint 20%
#FF855C
Tint 10%
#FF622E
Base
#FF3E00
Shade 10%
#D63600
Shade 20%
#A82A00
Shade 30%
#802000
Shade 40%
#571600
Shade 50%
#290A00
Contrast & Accessibility
Contrast ratio: 3.53:1
Contrast ratio: 5.94:1
Frequently Asked Questions
What is the official Svelte color?▾
The official Svelte brand color is #FF3E00. In RGB this is rgb(255, 62, 0), and in HSL it is hsl(15, 100%, 50%).
What is the Svelte hex code?▾
The Svelte hex color code is #FF3E00. You can use this value directly in CSS, design tools like Figma or Sketch, and any application that accepts hex color codes.
Is the Svelte color accessible?▾
Against white, the Svelte color has a contrast ratio of 3.53:1 (fails WCAG AA). Against black, it has 5.94:1 (passes WCAG AA). Black text on this color is accessible.