Gentle Sapphire color palette — #FFF3E9 · #63C4F5 · #0F6CCD · #005557 · #282B63
A conversation between Royal Blue and Sky, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FFF3E9): bright and airy, almost weightless.
- Sky (#63C4F5): A luminous, balanced blue — the color of a favorite pair of jeans.
- Royal Blue (#0F6CCD): A full-bodied, vivid blue — the color of deep harbor water.
- Peacock (#005557): A full-bodied, dusty teal — the color of shallow lagoons.
- Navy (#282B63): 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 Gentle 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
- Sapphire Study color palette (#FDEFE3, #71C7F1, #1B69E4, #00524A, #1D004E)
- Wandering Harbor color palette (#FFF2EC, #43CCDC, #00799D, #005843, #00345E)
- Faded Cornflower Cabin color palette (#FFF0F7, #93D4F9, #5488ED, #00736B, #361D70)
- Ancient Denim Veranda color palette (#EFE3D9, #5CA7D7, #2553A3, #003D42, #1B1744)
- Hazy Periwinkle Meadow color palette (#ECF9EE, #AFE2FF, #5CB0FF, #0095A6, #0C2A77)
- Worn Periwinkle Alley color palette (#D9FFF3, #55E8FF, #5D9BFF, #1C7C2F, #004645)
- Ancient Cerulean color palette (#F0DBD1, #02A3AB, #005268, #003122, #001528)
- Cerulean Workshop color palette (#FDF3ED, #CBE5C8, #4198A9, #3B6F4E, #2C5043)
Browse the whole catalog at Explore, or see today's palette.