Powdered Sapphire color palette — #FFF1F7 · #87C0E0 · #006BD1 · #005557 · #262572

Royal Blue and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Sky (#87C0E0): A luminous, dusty blue — the color of open sky before noon.
• Royal Blue (#006BD1): A full-bodied, vivid blue — the color of open sky before noon.
• Peacock (#005557): A full-bodied, dusty teal — the color of shallow lagoons.
• Navy (#262572): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Powdered 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

• Pale Harbor color palette (#FFF0FB, #63C9D6, #00799D, #005843, #00345E)
• Aged Cobalt Meadow color palette (#F0F4E3, #86C4E8, #0078B7, #004F61, #001B35)
• Pale Loft color palette (#E1FBF9, #9ED3F1, #0094E0, #006F87, #00345F)
• Muted Denim Bloom color palette (#EDD9E1, #7FA3C1, #2B539F, #003D42, #1C1548)
• Hushed Lagoon color palette (#EAF6FF, #BDCBFF, #CA78D2, #007175, #163863)
• Antique Periwinkle Terrace color palette (#DDECFF, #4C9BFF, #005DA8, #002E55, #001832)
• Linen Periwinkle Boulevard color palette (#FFF3E8, #AEE2FF, #6CADFF, #00979A, #272B64)
• Cypress Meadow color palette (#FAF3F7, #BAE5EF, #4997A7, #33714B, #2B4B62)

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