Soft Sapphire color palette — #FFF0FC · #8BAAFF · #CE9918 · #3959F6 · #4D3600

Built around Royal Blue, softened by Mustard — the whole palette hums with optimism and creativity.

The five colors

• Blush (#FFF0FC): A whisper-light, dusty pink — the color of neon signs at night.
• Cornflower (#8BAAFF): A luminous, balanced violet — the color of wild irises.
• Mustard (#CE9918): A luminous, balanced gold — the color of honey in a jar.
• Royal Blue (#3959F6): A full-bodied, vivid violet — the color of wild irises.
• Deep Olive (#4D3600): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Creativity, Energy, Balance. Tagged vibrant.

Use it as a design system

One click turns Soft 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

• Sunlit Indigo color palette (#F0F5FF, #B0C6FF, #E0A507, #4B6FEF, #3E2B00)
• Indigo Field color palette (#FFE7F3, #A79DE2, #A29930, #7457D2, #3B3700)
• Amber Ridge color palette (#D7FFF5, #8CC5FF, #D88400, #006AB8, #553100)
• Dusty Lapis color palette (#F0D5E6, #888FE4, #988700, #5328F9, #302900)
• Cornflower Meadow color palette (#FFEFFF, #3B93FF, #8E8000, #0059B3, #433B00)
• Misty Bloom color palette (#FFF1F5, #C8A9DC, #92B169, #A15DC8, #38491F)
• Worn Ember Loft color palette (#DEFEEC, #33D3FC, #E15A15, #0085A1, #652100)
• Pale Byzantium color palette (#FFF1F4, #E3A2FD, #75AF00, #9D00C6, #2A4300)

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