Sapphire Studio color palette — #F0F6FF · #A2BDFF · #D59D06 · #476BD7 · #352500

Sapphire and Gold set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#F0F6FF): a clean, paper-quiet neutral.
• Sky (#A2BDFF): A luminous, balanced violet — the color of twilight just after sunset.
• Gold (#D59D06): A luminous, balanced gold — the color of honey in a jar.
• Sapphire (#476BD7): A full-bodied, vivid violet — the color of a velvet chair.
• Espresso (#352500): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Creativity, Balance. Tagged cool.

Use it as a design system

One click turns Sapphire Studio 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

• Tempered Workshop color palette (#FEE6FB, #9FBEFF, #DBB83F, #5D83DA, #423400)
• Wandering Archive color palette (#F4F4FF, #D6A8FE, #DD9500, #8F5AB8, #382300)
• Apricot Boulevard color palette (#EBF7FF, #54CFFC, #EA8C27, #0082A6, #3E1F00)
• Dusty Canyon color palette (#EEF6FF, #5DA9FF, #979E00, #7F851A, #061C33)
• Faded Denim color palette (#FBE8F6, #7587D8, #A96800, #3F4D9F, #4D2D00)
• Byzantium Garden color palette (#FBF1FF, #E7A1FF, #89A200, #9600BA, #1B2200)
• Cerulean Ridge color palette (#EFF6FF, #DFD9E2, #C4B9A2, #3AA1AE, #333952)
• Muted Grape Corridor color palette (#F2F5FF, #ACE0AA, #6750AB, #291F49, #02030F)

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