Quiet Brick color palette — #FFF0FE · #FF7B7D · #8D9C00 · #B22233 · #171B00
Built around Ruby, softened by Watermelon — the whole palette hums with nature and growth.
The five colors
- Blush (#FFF0FE): A whisper-light, dusty pink — the color of neon signs at night.
- Watermelon (#FF7B7D): A luminous, vivid orange — the color of sun-warmed clay.
- Moss (#8D9C00): A luminous, balanced green — the color of new leaves after rain.
- Ruby (#B22233): A full-bodied, vivid orange — the color of sun-warmed clay.
- Ink (#171B00): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Balance. Tagged warm.
Use it as a design system
One click turns Quiet 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
- Misty Lime color palette (#FFF0FC, #FFA395, #8CB746, #B65448, #1F2D05)
- Ember Meadow color palette (#FFE9E0, #EE5D03, #359100, #822F00, #010B00)
- Ember Villa color palette (#FFF2EF, #FB4734, #988000, #8F4D95, #210000)
- Misty Crimson color palette (#E9D7E9, #F88990, #00B8B2, #D7495B, #00302E)
- Faded Fuchsia Grove color palette (#F6F3FF, #EE76DE, #C97F00, #9B2B90, #251400)
- Apricot Villa color palette (#FFF0F8, #FD843A, #AF73D9, #9E4500, #240735)
- Mustard Villa color palette (#FFF1F6, #F2AC20, #764300, #271200, #040001)
- Ancient Boulevard color palette (#DEFFE5, #C6B268, #947000, #5F3F00, #00180D)
Browse the whole catalog at Explore, or see today's palette.