Sapphire Ridge color palette — #F1E7DF · #8ABBD5 · #2F66C5 · #004C45 · #170B37

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

The five colors

• Parchment (#F1E7DF): bright and airy, almost weightless.
• Sky (#8ABBD5): A luminous, dusty blue — the color of deep harbor water.
• Royal Blue (#2F66C5): A full-bodied, balanced violet — the color of wild irises.
• Forest (#004C45): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#170B37): A deep, shadowed, balanced violet — the color of wild irises.

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

Use it as a design system

One click turns Sapphire Ridge 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 Petrol Corridor color palette (#F4E5E0, #7DC1C5, #00759B, #004F28, #021434)
• Wandering Petrol color palette (#F4EEE4, #83B9D8, #296BA7, #004E58, #192C55)
• Washed Indigo Garden color palette (#F7F1EA, #A4D3C4, #5E74CD, #005B5B, #25183A)
• Aged Cerulean color palette (#FDEEE9, #8EE0E6, #008FBD, #006637, #08234C)
• Muted Azure Balcony color palette (#EEF8F0, #D1DFFE, #3596EB, #006874, #0C1C40)
• Softworn Ridge color palette (#FDEBE1, #2E98B1, #004D7D, #002D21, #02001C)
• Wandering Periwinkle color palette (#F6F1EC, #C6E5E7, #869AD1, #1E7A77, #452E39)
• Misty Grape Terrace color palette (#F5F0D2, #869921, #7028C6, #424D00, #180234)

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