Weathered Sapphire color palette — #F0F6FF · #FFC7D3 · #3E62C8 · #122669 · #010619

Royal Blue takes the lead with Navy close behind in a set that reads as creativity and calm at first glance.

The five colors

• Ivory (#F0F6FF): a clean, paper-quiet neutral.
• Shell Pink (#FFC7D3): A whisper-light, dusty red — the color of a theater curtain.
• Royal Blue (#3E62C8): A full-bodied, vivid violet — the color of a velvet chair.
• Navy (#122669): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Ink (#010619): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Creativity, Calm, Balance. Tagged luxury, dark, 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

• Weathered Atelier color palette (#F2F4FF, #FFBCB9, #69559B, #2B1F48, #03030C)
• Seafoam Hollow color palette (#EDF6FF, #8CF2AF, #0071AF, #003150, #000814)
• Pale Loft color palette (#FFEBFC, #C9A14A, #25439C, #0C1B4B, #120111)
• Pewter Corridor color palette (#F5F3FF, #F3DAC4, #8F639A, #393352, #0F0E18)
• Hazy Nightshade color palette (#F1F5FF, #FF98A4, #463DA7, #14113A, #000108)
• Sunflower Veranda color palette (#EFF6FF, #FDC627, #5F88ED, #445A8D, #0F1B2E)
• Hazy Ridge color palette (#F5F3FF, #FFCABC, #9E33AA, #48114E, #090416)
• Hushed Magenta color palette (#F2F5FF, #D9D1FF, #E23ED6, #865EE5, #0D041D)

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