Soft Brick color palette — #D7EFFB · #008450 · #B60036 · #160602 · #040000

A conversation between Ruby and Fern, giving this palette its sense of nature and growth.

The five colors

• Frost (#D7EFFB): A whisper-light, dusty blue — the color of deep harbor water.
• Fern (#008450): A full-bodied, balanced teal — the color of shallow lagoons.
• Ruby (#B60036): A full-bodied, vivid red — the color of embers at dusk.
• Ink (#160602): A deep, shadowed, dusty orange — the color of toasted spice.
• Black (#040000): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Energy, Balance. Tagged neon, dark, 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

• Terracotta Parlor color palette (#D9E3F9, #007E83, #9D4200, #130A01, #030100)
• Gentle Station color palette (#E6EEFE, #008352, #A5008F, #180307, #040000)
• Emerald Atelier color palette (#C5EAE9, #1C9E1D, #986600, #0F0F04, #030100)
• Scarlet Field color palette (#D7E8F4, #00B78D, #EF1F15, #2C0100, #100300)
• Brick Station color palette (#F1E2D9, #B73000, #084305, #4F0F00, #010100)
• Wandering Lilac Archive color palette (#E3EFFF, #A194FF, #9E6400, #211100, #050200)
• Powdered Ember Grove color palette (#F1E3F0, #B59100, #E94100, #0F0601, #040002)
• Smoked Parlor color palette (#F7E7DF, #8B5600, #443A00, #141D00, #000301)

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