Oktoberfest Palette

PANTONE

18-4330 TCX

Swedish Blue

PANTONE

19-0231 TCX

Forest Elf

PANTONE

18-1140 TCX

Mocha Bisque

PANTONE

14-0760 TCX

Cyber Yellow

Oktoberfest is a world-renowned festival in Germany that celebrates Bavarian culture with music, food, and, of course, beer. This palette captures the essence of the festival, starting with Swedish Blue (18-4330 TCX), a perfect match for the iconic checkered patterns of traditional Bavarian attire. The earthy Forest Elf (19-0231 TCX) represents the lush, natural surroundings and the green of the traditional lederhosen. The warm, inviting Mocha Bisque (18-1140 TCX) brings to mind the soft, salty pretzels and hearty roasts that fill the festival tents. Finally, the bright Cyber Yellow (14-0760 TCX) shines like the golden, frothy beer that flows freely throughout the celebration. Together, these colors embody the lively, communal, and flavorful spirit of Oktoberfest.

The 'Oktoberfest Palette' palette is a evocative toolkit that defines a balance of unity and contrast. The foundational theme is established by a family of related dark cyan tones, including 'Swedish Blue', which provide a stable visual anchor. This base is made memorable by a series of bold accents, including 'Forest Elf', 'Mocha Bisque' and 'Cyber Yellow', that prevent the composition from feeling predictable. The palette's dynamic range is defined by the deep, grounding presence of 'Forest Elf' and the luminous highlight of 'Cyber Yellow'. Meanwhile, 'Swedish Blue' injects a powerful burst of chromatic energy, serving as a vibrant focal point. With its 'Rich & Saturated' character, this palette feels luxurious and confident, using intensely pigmented colors from across the spectrum to make a bold and unapologetic statement. This sophisticated color scheme is perfectly suited for defining seasonal trends, as well as high-end home textiles and accessories.

Palette Gradient


                            
                        

                    


                    

                        
Contrast & Accessibility Checker

                        

                            

                                
                                
                                

                            

                            

                                
                                
                                

                            

                        

                        

                            Contrast Ratio: 
                        

                        

                            WCAG Compliance:
                            AA (Normal Text): 
                            AA (Large Text): 
                            AAA (Normal Text): 
                        

                                                

                            
                        

                    


                    

                        
Color Harmony & Pairing

                        

                            

                                
                                
                                

                            

                            

                                
                                
                            

                        

                        

                            
                        

                    


                    

                        
Gradient Generator (Two Colors)

                        

                            

                                
                                
                                

                            

                            

                                
                                
                                

                            

                        

                        

                        

                            

                            
                        

                    


                    

                        
Text & Background Examples

                        

                            

                                
                                
                                

                            

                            

                                
                                
                                

                            

                        


                        

                            
                            

                                
Button Example

                                

                                    
                                

                            


                            
                            

                                
Header Example

                                

                                    

                                        
Example Header Text

                                    

                                

                            


                            
                            

                                
Card Example

                                

                                    

                                        
This is an example card with text.

                                    

                                

                            

                        

                    


                    

                        
Pattern Generator

                        

                            

                                
                                
                                

                            

                            

                                
                                
                                

                            

                            

                                
                                
                            

                        

                        
                    


                    

                        
Tone / Shade / Tint Extractor

                        

                            
                            
                            

                        


                        

                            
                            

                                
Tints (White Added)

                                

                            


                            
                            

                                
Shades (Black Added)

                                

                            


                            
                            

                                
Tones (Gray Added)

                                

                            

                        

                    


                    

                        
Color Palette Q&A
  • What is the HEX code for Pantone 18-4330 TCX (Swedish Blue)?
    The HEX code is #007EB1.
  • What is the RGB value for Swedish Blue?
    The RGB value is rgb(0, 126, 177).
  • What is the HEX code for Pantone 19-0231 TCX (Forest Elf)?
    The HEX code is #395228.
  • What is the RGB value for Forest Elf?
    The RGB value is rgb(57, 82, 40).
  • What is the HEX code for Pantone 18-1140 TCX (Mocha Bisque)?
    The HEX code is #8C543B.
  • What is the RGB value for Mocha Bisque?
    The RGB value is rgb(140, 84, 59).
  • What is the HEX code for Pantone 14-0760 TCX (Cyber Yellow)?
    The HEX code is #FFD500.
  • What is the RGB value for Cyber Yellow?
    The RGB value is rgb(255, 213, 0).