Softworn Sapphire color palette — #DEFCFC · #88BDEF · #006BD3 · #005171 · #142E69

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

The five colors

• Ivory (#DEFCFC): A whisper-light, dusty teal — the color of glacier melt.
• Sky (#88BDEF): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#006BD3): A full-bodied, vivid blue — the color of a favorite pair of jeans.
• Peacock (#005171): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#142E69): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

Use it as a design system

One click turns Softworn Sapphire 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 Market color palette (#E9F9F8, #AAC9E5, #497CAF, #005B78, #263B5B)
• Sapphire Thicket color palette (#FDEDF2, #94C0E8, #4263E2, #00505B, #1E004D)
• Periwinkle Bloom color palette (#F2F8E7, #BBDEFF, #6DADFF, #008FC4, #142E69)
• Gentle Study color palette (#FFF3E6, #A7CFF5, #5D80FF, #00707F, #352367)
• Azure Lagoon color palette (#DEFCFF, #5CDDFD, #17ADF6, #006E6C, #00444F)
• Petrol Alley color palette (#EEF7F5, #CFDFF0, #73A1B3, #457881, #375867)
• Timeworn Courtyard color palette (#B0F9FF, #00AAB8, #006973, #00363A, #002326)
• Tempered Ultramarine Hollow color palette (#BCEAEB, #008185, #2352DE, #356000, #002A2C)

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