Weathered Sapphire color palette — #BDE8EC · #00AAD7 · #1567B9 · #2A377E · #22143C
A conversation between Royal Blue and Cyan, giving this palette its sense of trust and stability.
The five colors
- Frost (#BDE8EC): A whisper-light, dusty blue — the color of deep harbor water.
- Cyan (#00AAD7): A luminous, balanced blue — the color of open sky before noon.
- Royal Blue (#1567B9): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#2A377E): A deep, shadowed, balanced violet — the color of a velvet chair.
- Deep Indigo (#22143C): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged 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
- Patina Nightshade color palette (#E2F3FA, #50A4D2, #026EC3, #173FA4, #2C3462)
- Feathered Teal Corridor color palette (#D7F3E6, #00B2AD, #007996, #00436F, #122248)
- Hushed Thicket color palette (#C5EBFD, #6C99E4, #5E52AB, #552A74, #330E35)
- Softworn Navy color palette (#E9EDFF, #97A6F0, #4E62B3, #142B75, #040433)
- Dusty Workshop color palette (#E9F8FF, #6DC6FF, #408DDF, #314F9E, #272E59)
- Frosted Alley color palette (#C4EAF4, #007EAA, #003E87, #27006F, #180022)
- Muted Denim color palette (#F5E2F7, #5095DD, #9E7400, #00569B, #261A00)
- Worn Corridor color palette (#E5F2FF, #437DFF, #6900D7, #56005F, #30001F)
Browse the whole catalog at Explore, or see today's palette.