Soft Brick color palette — #E9F8FF · #00ACC9 · #BF2C00 · #374600 · #0F1500

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

The five colors

• Ivory (#E9F8FF): a clean, paper-quiet neutral.
• Cyan (#00ACC9): A luminous, balanced blue — the color of open sky before noon.
• Brick (#BF2C00): A full-bodied, vivid orange — the color of sun-warmed clay.
• Deep Olive (#374600): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Ink (#0F1500): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged warm.

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

• Softworn Plum color palette (#E1FBFF, #00B29F, #C10067, #603200, #200D00)
• Muted Cornflower Quarry color palette (#EFF6FF, #538DFA, #905200, #00442F, #001109)
• Patina Orchard color palette (#EEF6FF, #6FAAEB, #A56528, #005558, #002022)
• Garnet Pier color palette (#D3F1D8, #007D87, #900029, #1A3D00, #002619)
• Dusty Peony color palette (#FADDFA, #6CA9FF, #E632A3, #885E00, #002C20)
• Lilac Workshop color palette (#F2F5FF, #9A82FF, #8C6200, #553900, #001805)
• Dusty Powder Workshop color palette (#F0F5FF, #B8CAFF, #AF9763, #7D683B, #26401F)
• Quiet Sapphire Delta color palette (#D1E2F7, #006CE2, #85006A, #432300, #001402)

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