Sapphire Workshop color palette — #FBF0E0 · #9BBFE3 · #3B6BD1 · #004E63 · #140055

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

The five colors

• Cream (#FBF0E0): A whisper-light, dusty gold — the color of old brass.
• Sky (#9BBFE3): A luminous, dusty blue — the color of open sky before noon.
• Royal Blue (#3B6BD1): A full-bodied, vivid violet — the color of twilight just after sunset.
• Peacock (#004E63): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#140055): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

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

• Cobalt Grove color palette (#EEE8DF, #90BFAC, #006FB6, #004A52, #00103F)
• Hushed Lapis color palette (#FFF1F5, #8CBDE9, #4E47FF, #005558, #3E235B)
• Cobalt Balcony color palette (#F7F1E7, #B0DCC3, #008DC6, #006263, #002649)
• Softworn Wisteria color palette (#E9F2FF, #CED3FF, #CC7AF0, #006C95, #101045)
• Worn Atelier color palette (#E8FBEC, #9FD0FF, #4A85FF, #006E8A, #282869)
• Onyx Courtyard color palette (#C4EEFC, #0093C1, #00659E, #003A7A, #0A0055)
• Weathered Sapphire color palette (#DFEBFF, #0068EC, #BC0032, #206300, #000C29)
• Worn Bloom color palette (#E6E0D7, #3C8490, #004255, #00201C, #000103)

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