Blue Horizon

PANTONE

13-4401 TCX

Quiet Tide

PANTONE

14-4015 TCX

Floaty Blue

PANTONE

16-4121 TCX

Blissful Blue

PANTONE

19-4050 TCX

Nautical Blue

PANTONE

19-3933 TCX

Medieval Blue

Blue Horizon tells the story of the sea’s eternal beauty, beginning with the gentle calm of Quiet Tide and Floaty Blue, flowing into the hopeful energy of Blissful Blue, and diving deeper into the strength of Nautical Blue and Medieval Blue. Together, these hues evoke a narrative of ocean voyages, twilight horizons, and the timeless mystery of the deep. Perfect for nautical designs, serene interiors, and branding that seeks both tranquility and depth, this palette captures the poetry of water and sky.

The 'Blue Horizon' palette is a versatile toolkit that showcases a cohesive and compelling mood. The foundational theme is established by a family of related light cyan tones, including 'Quiet Tide', 'Floaty Blue' and 'Blissful Blue', which provide a stable visual anchor. This base is made memorable by a series of surprising notes of intensity, including 'Nautical Blue' and 'Medieval Blue', that prevent the composition from feeling predictable. The palette's dynamic range is defined by the deep, grounding presence of 'Medieval Blue' and the luminous highlight of 'Quiet Tide'. Meanwhile, 'Nautical Blue' injects a powerful burst of chromatic energy, serving as a vibrant focal point. This versatile palette strikes a compelling balance between grounding neutral tones and vibrant, colorful accents, offering a flexible toolkit for a wide range of creative applications. This sophisticated composition makes it a go-to choice for creating standout apparel collections, as well as defining seasonal trends.

Blue Horizon Moodboard

Inspirational Patterns

Seamless vector pattern with glamorous beaded stars, golden wings, and a trendy mix of distressed denim, leopard print, and textile textures. A stylish allover print for modern designs.
Seamless glitter denim pattern with abstract leopard and tiger skin background elements isolated on denim texture in brown, blue and silver colors
Seamless glittering star pattern with abstract leopard and tiger skin background elements isolated on denim texture in brown, blue and silver colors
A seamless vector pattern featuring distressed denim stars, lace, shiny chains, and metallic studs on a textured background. Perfect for fashion, textile, and decorative graphics.
Seamless glittering chain pattern with abstract leopard and tiger skin background elements isolated on denim texture in brown, blue and silver colors

Palette Gradient


                            
                        

                    


                    

                        
Contrast & Accessibility Checker

                        

                            

                                
                                
                                

                            

                            

                                
                                
                                

                            

                        

                        

                            Contrast Ratio: 
                        

                        

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

                        

                            
Suggested Accessible Pairs:

                            

                        

                        

                            
                        

                    


                    

                        
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 13-4401 TCX (Quiet Tide)?
    The HEX code is #C0E3F0.
  • What is the RGB value for Quiet Tide?
    The RGB value is rgb(192, 227, 240).
  • What is the HEX code for Pantone 14-4015 TCX (Floaty Blue)?
    The HEX code is #AFC3DD.
  • What is the RGB value for Floaty Blue?
    The RGB value is rgb(175, 195, 221).
  • What is the HEX code for Pantone 16-4121 TCX (Blissful Blue)?
    The HEX code is #7198BB.
  • What is the RGB value for Blissful Blue?
    The RGB value is rgb(113, 152, 187).
  • What is the HEX code for Pantone 19-4050 TCX (Nautical Blue)?
    The HEX code is #1B5091.
  • What is the RGB value for Nautical Blue?
    The RGB value is rgb(27, 80, 145).
  • What is the HEX code for Pantone 19-3933 TCX (Medieval Blue)?
    The HEX code is #2A304E.
  • What is the RGB value for Medieval Blue?
    The RGB value is rgb(42, 48, 78).
  • Which two palette colors have the highest contrast?
    #C0E3F0 as background with #2A304E text yields 9.49:1 contrast (AAA (Normal) Pass, AA (Normal) Pass, AA (Large) Pass).
  • What is a good readable text color on #C0E3F0?
    Use #2A304E for text to maximize readability (contrast 9.49:1).
  • How can I apply this palette for accessible UI text and backgrounds?
    Pick the highest-contrast pair for text-on-background elements. Use other colors for accents, icons, or surfaces, and always verify WCAG ratios (4.5:1 for normal text, 3:1 for large text).