Softworn Brick color palette — #DCEEFE · #0073AF · #B7090A · #544500 · #000205

Ruby and Cerulean set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#DCEEFE): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#0073AF): A full-bodied, balanced blue — the color of deep harbor water.
• Ruby (#B7090A): A full-bodied, vivid orange — the color of toasted spice.
• Deep Olive (#544500): A deep, shadowed, balanced green — the color of fresh herbs.
• Black (#000205): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Energy. Tagged warm.

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

• Cobalt Coast color palette (#D7E7FB, #1676D1, #7C2200, #413E00, #000202)
• Plum Bloom color palette (#CFE5EE, #007B8A, #AE0D66, #663B00, #000203)
• Dusty Indigo color palette (#DAE0F3, #695AD8, #A00043, #433500, #000202)
• Weathered Lapis color palette (#D6DFEF, #4B49FB, #904E00, #3D4E00, #000010)
• Inked Meadow color palette (#D6E9F8, #00537C, #583100, #271300, #000103)
• Aged Cocoa Market color palette (#D3E6E8, #006153, #613C00, #003126, #000202)
• Washed Grape color palette (#D9EEDD, #6164EF, #8900AA, #4A3700, #040014)
• Tempered Byzantium color palette (#E8E9FF, #A633EE, #846E00, #006542, #040118)

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