Softworn Brick color palette — #EFF6FF · #638FE9 · #B42128 · #004612 · #000E1D

Built around Ruby, softened by Lavender Blue — the whole palette hums with nature and growth.

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Lavender Blue (#638FE9): A luminous, balanced violet — the color of a velvet chair.
• Ruby (#B42128): A full-bodied, vivid orange — the color of toasted spice.
• Forest (#004612): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Ink (#000E1D): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Creativity, Balance. Tagged cool.

Use it as a design system

One click turns Softworn Brick 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

• Airy Iris color palette (#F1F5FF, #8A80EE, #9E4500, #004334, #000C22)
• Hazy Grove color palette (#F5F4FF, #B771CD, #A83539, #4C3300, #000F15)
• Airy Cabin color palette (#EDF2FF, #6F69D4, #882700, #002D18, #01000E)
• Mulberry Balcony color palette (#EEF6FF, #4A96E2, #894191, #443700, #000F17)
• Terracotta Pier color palette (#F9F2FF, #CA709B, #A53C1D, #004333, #150027)
• Soft Bronze color palette (#FBF1FF, #E186A3, #A56600, #455000, #001842)
• Forest Bloom color palette (#F1F5FF, #C0BDE0, #AE7582, #15604F, #003544)
• Aubergine Pier color palette (#E6FBF3, #9FC7A3, #1E8971, #6C3975, #001F06)

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