Soft Brick Loft color palette — #FFDCD0 · #C20039 · #006A46 · #003F6D · #3B0B12

A conversation between Ruby and Pine, giving this palette its sense of trust and stability.

The five colors

• Shell Pink (#FFDCD0): A whisper-light, dusty orange — the color of sun-warmed clay.
• Ruby (#C20039): A full-bodied, vivid red — the color of late-summer berries.
• Pine (#006A46): A full-bodied, balanced teal — the color of glacier melt.
• Navy (#003F6D): A deep, shadowed, balanced blue — the color of open sky before noon.
• Onyx (#3B0B12): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Trust, Stability, Warmth, Comfort, Energy, Balance. Tagged vibrant, warm.

Use it as a design system

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

• Ancient Plum color palette (#FFDBD8, #B90074, #006B31, #00435A, #3A0923)
• Sunlit Drift color palette (#F2D7D0, #B60043, #005D72, #4E0779, #2F1008)
• Hushed Villa color palette (#FFE8DA, #A43D00, #005425, #001F74, #300300)
• Hushed Rust Studio color palette (#FFE1D1, #C23300, #005A45, #470075, #3D0031)
• Brick Courtyard color palette (#FBE1DF, #C90021, #605F00, #4D038B, #1E0001)
• Antique Meadow color palette (#FFF2EF, #CD296F, #007386, #5E298D, #431F1B)
• Nightshade Veranda color palette (#FDE1B0, #D14A00, #5F5200, #2500A5, #3F2000)
• Misty Fern color palette (#F8E2B6, #836200, #106B11, #00435A, #2A1D00)

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