Worn Ridge color palette — #E9F8FF · #B5E1FF · #96B6F3 · #8E87BF · #4B4B67

Sky and Slate Blue set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#E9F8FF): a clean, paper-quiet neutral.
• Powder Blue (#B5E1FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Sky (#96B6F3): A luminous, balanced violet — the color of a velvet chair.
• Slate Blue (#8E87BF): A luminous, balanced violet — the color of twilight just after sunset.
• Charcoal Brown (#4B4B67): A full-bodied, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Sophistication, Softness, Clarity. Tagged light, muted.

Use it as a design system

One click turns Worn Ridge 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

• Mallow Thicket color palette (#F0F6FF, #CCD1FF, #C7A3E1, #B17FA3, #58465F)
• Periwinkle Delta color palette (#D9FFF1, #A5CDF8, #7C9AD2, #6B75A8, #6A495C)
• Aqua Workshop color palette (#D5FFFF, #95E7E2, #69C8DA, #699FC4, #41536E)
• Timeworn Periwinkle color palette (#F1F5FF, #CAD1FF, #E0C293, #9BA3DF, #3C543F)
• Cobalt Lagoon color palette (#DBFBE5, #84C6EE, #5081CB, #565488, #472933)
• Hushed Ridge color palette (#FFF0F7, #C7E1CB, #D3A7BC, #A487A2, #354E43)
• Washed Lilac color palette (#D8E1ED, #ABA8FF, #AC88E5, #A15997, #572436)
• Worn Powder Bloom color palette (#EFF6FF, #E0D9E2, #9EC5D9, #B5B1A7, #464C60)

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