Retool: Four-tier dev-tools pricing page with color-coded plans and exhaustive feature comparison matrix
A four-column pricing layout (Free, Team, Business, Enterprise) where each plan header is differentiated by a distinct soft pastel band — neutral, green, lavender, and amber — that carries through into the giant feature-comparison matrix below. The signature element is that exhaustively deep comparison table, grouped into collapsible sections (Users, Web apps, Workflows, Agents, Database, Security) with checkmarks and inline usage limits, ending in a tri-column "How our pricing works" explainer, a grayscale customer logo wall, and grouped FAQ accordions. The page closes on a soft pastel-gradient "Ship internal tools 10x faster" CTA above a near-black footer with an oversized Retool wordmark.
This is a static, crawlable rendering for search & AI engines. The interactive version — filters, live decode console, copy & export — is at https://mozaika.design/inspiration/retool-four-tier-dev-tools-pricing-page-with-color-coded-plans-and-exhaustive-feature-comparison-matrix.
Palette
Page types
UX patterns
UI elements
Context
More from Retool
- CTA / Sign-up — 3D chrome-typography 'Start today' hero
- Gallery / Showcase — App-screenshot mosaic wall 'Apps that mean business'
- Footer — Black footer with oversized Retool wordmark
- Hero — Dark centered hero with tilted AI-app screenshot
- Dark dev-tools landing with floating app dashboard hero and enterprise logo proof wall
- Comparison — Full-length color-coded feature comparison matrix
- Gallery / Showcase — 'Get the latest from Retool' blog card row
- Feature — Governance feature stack with large dark mockups
- CTA / Sign-up — Gradient closing CTA banner
- Steps / How-it-works — How our pricing works three-column explainer
- Logo Wall — Muted customer logo strip
- Testimonial / Social Proof — Photo case-study cards with savings stats