Gentle Sapphire color palette — #FFF1F6 · #89C0DF · #3267D1 · #005650 · #361E6E

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Sky (#89C0DF): A luminous, dusty blue — the color of open sky before noon.
• Royal Blue (#3267D1): A full-bodied, vivid violet — the color of a velvet chair.
• Peacock (#005650): A full-bodied, dusty teal — the color of glacier melt.
• Royal Purple (#361E6E): 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

• Navy Pier color palette (#FEF1FA, #7AC6CF, #0077A5, #005936, #0B2B74)
• Soft Cobalt Villa color palette (#F9F1E3, #91C3E1, #0073CB, #00505B, #040F4D)
• Timeworn Lantern color palette (#EAFAED, #9AD3F6, #0B8EF6, #00707F, #162C6E)
• Nightshade Canyon color palette (#ECDBE1, #7BA4C2, #354EA9, #003E3D, #251046)
• Wandering Forest Coast color palette (#FAF2FA, #BBE4F0, #5694AA, #3D7042, #314A64)
• Petrol Study color palette (#F0E1D3, #9F6000, #0067AC, #40438B, #361D00)
• Hushed Denim color palette (#E9DEE8, #4C9EA5, #00516E, #003219, #001135)
• Tempered Delta color palette (#FFF3E9, #B0E1FF, #7EA8FF, #009890, #362464)

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