Gentle Sapphire color palette — #F1E6EA · #8CB6DB · #456BD8 · #005862 · #200E4E

A conversation between Sapphire and Deep Indigo, giving this palette its sense of trust and stability.

The five colors

• Rose Water (#F1E6EA): a clean, paper-quiet neutral.
• Sky (#8CB6DB): A luminous, dusty blue — the color of deep harbor water.
• Sapphire (#456BD8): A full-bodied, vivid violet — the color of wild irises.
• Peacock (#005862): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Indigo (#200E4E): 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 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

• Hushed Cobalt Station color palette (#F4E7F1, #81BCCA, #007EB0, #005B4C, #001D47)
• Antique Archive color palette (#FFF3E6, #9CD2FF, #4E74D3, #005059, #0E012E)
• Denim Meadow color palette (#EBF0E4, #7EA3C4, #0056A7, #003A52, #071B48)
• Linen Cornflower Studio color palette (#D1E9E9, #89C6FC, #3993F6, #0077A0, #0C1D40)
• Linen Azure color palette (#FFF0FA, #95D6EB, #0095DE, #007368, #0C2C72)
• Softworn Pier color palette (#D9F3F9, #7AC7E5, #849DE1, #008253, #002D36)
• Pale Pine color palette (#FCF2F8, #A9E9E6, #00AEC9, #00884E, #004563)
• Teal Grove color palette (#C6F4FB, #00A8B0, #007578, #003E41, #00090B)

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