Softworn Brick color palette — #E1FDF2 · #1C90C6 · #A94147 · #634E00 · #13210B

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

The five colors

• Ivory (#E1FDF2): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#1C90C6): A luminous, balanced blue — the color of deep harbor water.
• Brick (#A94147): A full-bodied, balanced red — the color of embers at dusk.
• Bronze (#634E00): A full-bodied, balanced green — the color of fresh herbs.
• Onyx (#13210B): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged jewel, vibrant.

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

• Gentle Mulberry color palette (#EAFAEE, #009DAE, #9C4270, #7E4200, #1D2307)
• Powdered Brick Terrace color palette (#EDF6FF, #36AAE6, #C31D3F, #514500, #001013)
• Soft Iris Summit color palette (#FFF0FB, #717EE4, #A35425, #3E5900, #0B2417)
• Worn Iris Bloom color palette (#FEEBFA, #6D8FF2, #A84F77, #694900, #003524)
• Gentle Periwinkle color palette (#FBECD6, #79A2E8, #8169A7, #764A00, #41263A)
• Ancient Courtyard color palette (#CBF1E7, #0064BC, #8B030B, #343100, #000909)
• Aubergine Market color palette (#FFF0FB, #5566B9, #70277B, #443500, #2C1429)
• Indigo Delta color palette (#F5E5EE, #7472D4, #573340, #2D1B26, #120A11)

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