Weathered Sapphire color palette — #D8F6FA · #29B6EB · #0699EF · #3057E5 · #241D5F
Royal Blue and Azure set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#D8F6FA): A whisper-light, dusty blue — the color of deep harbor water.
- Cyan (#29B6EB): A luminous, balanced blue — the color of deep harbor water.
- Azure (#0699EF): A luminous, vivid blue — the color of open sky before noon.
- Royal Blue (#3057E5): A full-bodied, vivid violet — the color of twilight just after sunset.
- Deep Indigo (#241D5F): 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
- Aged Canyon color palette (#CAE8F8, #54B4FF, #4683FB, #644AD9, #3A1759)
- Misty Market color palette (#D0E3EE, #4CA7EA, #0077C6, #0048A0, #0A2868)
- Tempered Indigo Station color palette (#DAEAF0, #74C8FD, #6297F4, #6869E2, #433568)
- Dusty Studio color palette (#DDE5FF, #A2BEFF, #618CFE, #3059D6, #07004A)
- Weathered Teal Boulevard color palette (#D1E5DF, #00C2C0, #009BB1, #006F98, #0B3165)
- Navy Balcony color palette (#D7EBEF, #008AB7, #00599C, #1C2575, #150837)
- Aged Amethyst color palette (#E3F0FF, #5F7FF4, #7138F2, #7000A3, #230023)
- Azure Thicket color palette (#FFEFFD, #DDD5FF, #F4B4E5, #00A7D3, #2A3154)
Browse the whole catalog at Explore, or see today's palette.