Softworn Sapphire color palette — #E8DED7 · #8BB8D3 · #426FCF · #005A54 · #230D4D

A conversation between Sapphire and Deep Indigo, giving this palette its sense of trust and stability.

The five colors

• Bone (#E8DED7): bright and airy, almost weightless.
• Ash (#8BB8D3): A luminous, dusty blue — the color of a favorite pair of jeans.
• Sapphire (#426FCF): A full-bodied, balanced violet — the color of a velvet chair.
• Peacock (#005A54): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Indigo (#230D4D): 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

• Tempered Cobalt color palette (#F6E7E1, #7FBDC4, #007FAD, #005D36, #021A4E)
• Linen Balcony color palette (#FFF1F6, #91D6FC, #4D78C8, #00524C, #0F002E)
• Hushed Market color palette (#E5EDE6, #6DA6C9, #00589E, #003D46, #0B1A48)
• Sunlit Lantern color palette (#EBE1D3, #80CAF6, #3395F2, #007B8B, #0D1C44)
• Patina Azure color palette (#FFF2EC, #8AD9E7, #0096D8, #007650, #162B71)
• Teal Delta color palette (#CAEFE9, #00A9AC, #00757B, #003836, #000A0B)
• Iris Chapel color palette (#FEF3E8, #B9E0FF, #7994F8, #008282, #473467)
• Olive Workshop color palette (#E7F5DD, #88D0E0, #9D92EE, #418000, #002B2C)

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