Softworn Sapphire color palette — #FFF4DC · #00C2C6 · #006FDB · #5B4200 · #001C24

Built around Royal Blue, softened by Cyan — the whole palette hums with trust and stability.

The five colors

• Cream (#FFF4DC): A whisper-light, dusty gold — the color of honey in a jar.
• Cyan (#00C2C6): A luminous, balanced teal — the color of glacier melt.
• Royal Blue (#006FDB): A full-bodied, vivid blue — the color of deep harbor water.
• Bronze (#5B4200): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Ink (#001C24): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Optimism, Balance. Tagged retro.

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

• Softworn Loft color palette (#FFF3E9, #00C893, #007F9F, #6F3300, #001D1B)
• Amethyst Thicket color palette (#EEFDCB, #00BAF2, #7147F4, #454B00, #001932)
• Aged Amethyst Courtyard color palette (#EDFAE3, #00B393, #7A40D5, #603100, #00180D)
• Washed Indigo color palette (#FAF7D5, #54CEFF, #8072E5, #575E00, #00294C)
• Ultramarine Pier color palette (#FFDDC3, #008D9E, #2139C8, #552C00, #002D3F)
• Byzantium Harbor color palette (#BBF4D3, #2EBFFD, #288DFE, #A234A5, #002C46)
• Ancient Bloom color palette (#D6F7EB, #0087C4, #202555, #22282E, #000812)
• Soft Balcony color palette (#FFF2EC, #D6DDF9, #00A7E4, #007461, #00234E)

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