Sapphire Workshop color palette — #F1F9E3 · #83BDF6 · #1469D4 · #005072 · #182E68

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

The five colors

• Cream (#F1F9E3): A whisper-light, dusty green — the color of a quiet forest floor.
• Sky (#83BDF6): A luminous, balanced blue — the color of a favorite pair of jeans.
• Royal Blue (#1469D4): A full-bodied, vivid blue — the color of deep harbor water.
• Peacock (#005072): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#182E68): 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

• Wandering Petrol color palette (#F4F8E2, #64C6E5, #00789F, #00545E, #003752)
• Pale Sapphire color palette (#FBF0E4, #97C0E8, #4861E3, #00505C, #1F0249)
• Petrol Lantern color palette (#F0F5FF, #CDD3FF, #AC92F3, #0066B3, #2D3867)
• Hushed Periwinkle Chapel color palette (#E1FBFB, #BEDDFF, #76ABFF, #008ECA, #192B6D)
• Faded Balcony color palette (#FFF1F5, #ABCFF4, #6883EE, #007081, #372366)
• Pale Cobalt color palette (#C8E8FA, #0091D3, #0069AB, #004386, #33176C)
• Airy Sapphire Study color palette (#DDE8FD, #1F5DFB, #A400A0, #005F61, #0D204E)
• Softworn Harbor color palette (#F7D9F8, #0B84F2, #C7007D, #004E95, #570034)

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