Softworn Sapphire color palette — #F2E7DD · #8ABAD8 · #3D64C5 · #004C48 · #190A35

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

The five colors

• Parchment (#F2E7DD): a clean, paper-quiet neutral.
• Sky (#8ABAD8): A luminous, dusty blue — the color of deep harbor water.
• Royal Blue (#3D64C5): A full-bodied, balanced violet — the color of wild irises.
• Forest (#004C48): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#190A35): A deep, shadowed, dusty 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 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

• Antique Quarry color palette (#F0E7E3, #77C1CA, #0074A1, #004E2E, #061432)
• Petrol Grove color palette (#F7EDDF, #71BBE8, #1A69B5, #004E5A, #1E2C51)
• Cobalt Workshop color palette (#F7F1EA, #A9D1C6, #6A75BD, #005B5F, #351322)
• Cerulean Corridor color palette (#FCEFEA, #98DDE4, #008EC0, #00663B, #0E2349)
• Washed Azure color palette (#EFF8F0, #D2DFFD, #3C94EF, #006877, #0F1B40)
• Timeworn Coast color palette (#F5E7DF, #4A95AC, #004B82, #002D22, #03001B)
• Softworn Teal Bloom color palette (#DBF0F0, #00AAAC, #006468, #002B2D, #000706)
• Cypress Courtyard color palette (#F6F1EC, #C5E6EA, #8A9ACB, #297978, #462D38)

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