Soft Brick color palette — #ECF7FF · #149DDB · #B50020 · #1C5200 · #00050C

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

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Cerulean (#149DDB): A luminous, balanced blue — the color of a favorite pair of jeans.
• Ruby (#B50020): A full-bodied, vivid orange — the color of autumn markets.
• Deep Olive (#1C5200): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#00050C): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Periwinkle Coast color palette (#EFF6FF, #6199FF, #AE4100, #004E19, #00180D)
• Weathered Violet color palette (#F1F5FF, #785DFF, #C21F00, #244500, #00051D)
• Muted Cornflower color palette (#F0F5FF, #6186FF, #875B00, #004C45, #01001C)
• Airy Mulberry color palette (#E2FAFF, #00A093, #A2008F, #483700, #000404)
• Linen Lilac Grove color palette (#F4F4FF, #AF7ED5, #996500, #005B4E, #050518)
• Aged Courtyard color palette (#F0F5FF, #4F7FFF, #9A00C0, #5A3200, #000806)
• Quiet Ultramarine color palette (#FDEBFF, #005AB4, #821800, #333000, #001C1A)
• Faded Byzantium Pier color palette (#F3F4FF, #8C49CB, #5F4900, #002B2A, #010009)

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