Gentle Sapphire color palette — #FFF3E7 · #75C0F7 · #3866CE · #00555C · #302A5E

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

The five colors

• Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
• Sky (#75C0F7): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#3866CE): A full-bodied, vivid violet — the color of wild irises.
• Peacock (#00555C): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#302A5E): 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

• Sapphire Drift color palette (#FFEFDF, #8DC2EA, #4B65D7, #005151, #230047)
• Aged Delta color palette (#FFF2EB, #00CDEB, #0077A6, #005749, #033168)
• Tempered Cobalt color palette (#FCF3EC, #9DCCE9, #4E79B7, #005F63, #4C3043)
• Powdered Cornflower color palette (#FFF1F6, #9BD2FC, #6783ED, #007271, #3B2163)
• Washed Lagoon color palette (#EDE3D8, #75A3CE, #3149B7, #003D46, #201640)
• Periwinkle Orchard color palette (#EBFAEE, #B7DFFF, #71ACFF, #0094AF, #1F2871)
• Cerulean Lantern color palette (#FFEBE2, #2FA0B0, #00516D, #003126, #00142D)
• Cerulean Market color palette (#FCF3EF, #C8E5CA, #5495A9, #3E6D57, #2D5045)

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