Sapphire Workshop color palette — #F3E7DC · #80BCDF · #3462CF · #004C47 · #180B34

A conversation between Royal Blue and Sky, giving this palette its sense of trust and stability.

The five colors

• Parchment (#F3E7DC): a clean, paper-quiet neutral.
• Sky (#80BCDF): A luminous, dusty blue — the color of open sky before noon.
• Royal Blue (#3462CF): A full-bodied, vivid violet — the color of wild irises.
• Forest (#004C47): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#180B34): A deep, shadowed, dusty 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 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

• Petrol Quarry color palette (#F5E5DE, #7DC0CA, #0074A3, #004E31, #04113A)
• Worn Workshop color palette (#F7F1E9, #A5D3C5, #6474C6, #005B5D, #351323)
• Muted Quarry color palette (#F9EAF0, #82CFFB, #6284CC, #006C66, #2F264E)
• Sunlit Azure color palette (#DEEAF7, #499AEA, #005899, #002554, #000517)
• Navy Terrace color palette (#C7EBE7, #008E9A, #005982, #002E61, #190D3F)
• Gentle Wisteria color palette (#D8F7E9, #B9C0FD, #CD7EC0, #00645B, #230D22)
• Petrol Lantern color palette (#D9ECE4, #00749F, #785900, #454C09, #000D15)
• Wandering Chapel color palette (#FCEBE0, #4B95AC, #004B83, #002D23, #03001B)

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