Gentle Sapphire color palette — #FFF3E9 · #80C0E7 · #3765D2 · #005651 · #381B71

A conversation between Royal Blue and Royal Purple, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Sky (#80C0E7): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#3765D2): A full-bodied, vivid violet — the color of a velvet chair.
• Peacock (#005651): A full-bodied, dusty teal — the color of sea glass.
• Royal Purple (#381B71): 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 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

• Navy Balcony color palette (#FFF2ED, #86C4CC, #0077A5, #005936, #04287D)
• Gentle Hollow color palette (#E7F7EA, #69C7F9, #0075C5, #00505A, #041543)
• Faded Cornflower color palette (#FFF4E2, #92D4FA, #0090F1, #00707E, #112C6F)
• Washed Nightshade Bloom color palette (#EDE3DA, #77A4C6, #364CAD, #003E3D, #270D48)
• Timeworn Navy color palette (#D5F2EB, #00A6AC, #006D95, #004383, #291F85)
• Quiet Periwinkle Canyon color palette (#D9E8FF, #4597F9, #005CAD, #00315C, #001934)
• Blush Alley color palette (#E6F6FF, #C3CBFF, #D579AF, #007469, #273965)
• Airy Cornflower color palette (#E0EBFF, #3979FF, #883600, #573A00, #081F53)

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