Soft Sapphire color palette — #FFF2E9 · #7CC2E2 · #276CC6 · #00574C · #30226E

Built around Royal Blue, softened by Royal Purple — the whole palette hums with trust and stability.

The five colors

• Ivory (#FFF2E9): a clean, paper-quiet neutral.
• Sky (#7CC2E2): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#276CC6): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#00574C): A full-bodied, dusty teal — the color of sea glass.
• Royal Purple (#30226E): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

Use it as a design system

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

• Worn Navy Basin color palette (#FFF2ED, #71C8CC, #00799D, #005A2B, #00306B)
• Linen Alley color palette (#EBF5ED, #7DC6E8, #0077BA, #005157, #001740)
• Ultramarine Market color palette (#F4E7DC, #72A6C3, #1F51AD, #003E39, #211149)
• Faded Azure color palette (#FDF4E5, #9ED3ED, #0093E4, #007179, #002E71)
• Airy Bloom color palette (#DEEEE9, #00A5AF, #00718C, #00427C, #2F2085)
• Wisteria Cabin color palette (#E8F8FF, #C1D2FF, #CC78C5, #006D65, #07365F)
• Azure Balcony color palette (#D5EAFF, #25A4FE, #005D8C, #003351, #001839)
• Timeworn Orchard color palette (#FAF4EE, #BDE7DA, #7987BE, #107071, #5B3D4A)

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