Weathered Sapphire color palette — #DAEAFD · #4892FF · #3B6AEC · #3E46C3 · #1C1256

Sapphire and Cobalt set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#DAEAFD): A whisper-light, dusty blue — the color of open sky before noon.
• Azure (#4892FF): A luminous, vivid blue — the color of open sky before noon.
• Sapphire (#3B6AEC): A full-bodied, vivid violet — the color of a velvet chair.
• Cobalt (#3E46C3): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Indigo (#1C1256): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Energy. Tagged vibrant, cool.

Use it as a design system

One click turns Weathered Sapphire into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Feathered Ultramarine color palette (#C1E6F8, #0091E4, #2657D6, #481F9C, #2A0C48)
• Aged Indigo color palette (#E6ECFF, #8085FB, #715DEB, #6239B3, #290A49)
• Nightshade Pier color palette (#DFECFC, #2A6AE0, #1500CB, #15006C, #09002A)
• Weathered Corridor color palette (#E7EFFD, #7395FF, #00A686, #405FE9, #002119)
• Chalky Study color palette (#DDDBF0, #A39BFF, #8365EA, #4E38A7, #0B002A)
• Azure Pier color palette (#CDF2FF, #00A4D3, #0085BB, #006296, #001F3B)
• Linen Iris color palette (#D3DDFC, #D5C2FD, #D79DEE, #7084DD, #281E41)
• Raspberry Orchard color palette (#EDEDFB, #8675F5, #D2468F, #00829E, #11092F)

Browse the whole catalog at Explore, or see today's palette.