Gentle Brick color palette — #FBD9CE · #C30039 · #185500 · #002B61 · #1A0F3E

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

The five colors

• Shell Pink (#FBD9CE): A whisper-light, dusty orange — the color of autumn markets.
• Ruby (#C30039): A full-bodied, vivid red — the color of a theater curtain.
• Deep Olive (#185500): A deep, shadowed, balanced green — the color of new leaves after rain.
• Navy (#002B61): A deep, shadowed, balanced blue — the color of open sky before noon.
• Deep Indigo (#1A0F3E): A deep, shadowed, balanced violet — the color of a velvet chair.

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

Use it as a design system

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

• Chalky Plum color palette (#FBD8D3, #BD0069, #215400, #003537, #001E43)
• Ancient Rust Corridor color palette (#F8DBC8, #AA4400, #005249, #002D5C, #231245)
• Muted Navy color palette (#F8E8DF, #933600, #004130, #100264, #16002B)
• Aged Terrace color palette (#EADCEF, #D05580, #00745F, #004182, #001E43)
• Cocoa Corridor color palette (#FFE8D7, #873B00, #343F3A, #251700, #130500)
• Onyx Station color palette (#EFDCC5, #654200, #003039, #090048, #130011)
• Dusty Amber color palette (#FFF3E9, #CE6900, #007461, #414272, #3D2949)
• Softworn Amber color palette (#FFEAE9, #C98149, #666722, #573D56, #1F3354)

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