Worn Sapphire color palette — #FFF0FD · #8DB1FF · #C19406 · #2253F0 · #281C00

Royal Blue takes the lead with Mustard close behind in a set that reads as optimism and creativity at first glance.

The five colors

• Blush (#FFF0FD): A whisper-light, dusty pink — the color of a candy shop window.
• Sky (#8DB1FF): A luminous, balanced violet — the color of wild irises.
• Mustard (#C19406): A luminous, balanced gold — the color of old brass.
• Royal Blue (#2253F0): A full-bodied, vivid violet — the color of wild irises.
• Onyx (#281C00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

Use it as a design system

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

• Muted Amber color palette (#EDF6FF, #6AB9FF, #D38A06, #006DB3, #2D1A00)
• Cornflower Alley color palette (#D6E6FF, #8AB6FF, #D0AF20, #2D76F3, #382D00)
• Dusty Boulevard color palette (#F6F3FF, #C8B2FF, #8AA100, #7434CC, #1B2200)
• Ancient Violet Balcony color palette (#FFF1F7, #CFBAFF, #A9BD07, #8B5FD4, #2C3200)
• Soft Ultramarine color palette (#D8E1EE, #407EFC, #8A6E00, #0035C3, #1D1500)
• Washed Ember color palette (#E5F9FF, #2ED6FA, #EF4936, #00778E, #400200)
• Hushed Ember Canyon color palette (#F2F5FF, #7790FF, #F63411, #008944, #07063D)
• Sand Workshop color palette (#FFF0FA, #E3D7F0, #D8CE84, #8C96CC, #49463F)

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