Sapphire Workshop color palette — #F8E9F1 · #77C2E0 · #0266BE · #003F35 · #020012

Built around Cobalt, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Blush (#F8E9F1): bright and airy, almost weightless.
• Sky (#77C2E0): A luminous, balanced blue — the color of open sky before noon.
• Cobalt (#0266BE): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#003F35): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#020012): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, 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

• Spruce Station color palette (#F6E9F6, #7DC6C2, #00738C, #02420A, #000308)
• Wandering Indigo color palette (#FEF1F6, #A5D2F4, #5B73CC, #005151, #13002A)
• Ancient Pier color palette (#FAE8DC, #559AB4, #00498C, #003128, #110839)
• Faded Parlor color palette (#DDDDED, #6845D4, #476300, #354B00, #010008)
• Cobalt Harbor color palette (#E6DFD3, #84B9CF, #008BCF, #006C72, #001330)
• Coral Grove color palette (#EEEEFF, #F8B6FE, #ED8170, #005489, #090015)
• Linen Atelier color palette (#D2E1EB, #1174EE, #4719C6, #35004D, #080006)
• Weathered Periwinkle color palette (#FDF1F7, #D7D4DF, #7CA7EA, #008074, #252C4B)

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