Gentle Sapphire color palette — #F5E4E9 · #83BAE6 · #4466B9 · #004A52 · #160C37

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

The five colors

• Rose Water (#F5E4E9): a clean, paper-quiet neutral.
• Sky (#83BAE6): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#4466B9): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Teal (#004A52): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#160C37): A deep, shadowed, dusty 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

• Wandering Petrol color palette (#F7EDE3, #90B6D6, #5462A6, #004F51, #35234D)
• Ancient Petrol color palette (#F4E3EF, #6BC4CC, #007696, #004D38, #00172C)
• Cobalt Coast color palette (#F6EDE1, #9ECAF0, #5B86CD, #006880, #222759)
• Softworn Ash Corridor color palette (#F7EFF4, #CFD5F2, #75A4B9, #437573, #233948)
• Weathered Denim color palette (#F6E7EE, #4195B8, #004B84, #002C2B, #02001D)
• Turquoise Bloom color palette (#C7F4FA, #00A8BA, #00626B, #002F31, #000607)
• Muted Periwinkle color palette (#C2F6FF, #6AD0EE, #839EEA, #29663C, #00212F)
• Lagoon Basin color palette (#D4E5D5, #00946B, #006A61, #003F45, #001D26)

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