Back to Gallery

Notion

What I appreciate about Notion is their restrained use of colour. They've created this calm, minimal base with whites and soft greys that lets user content be the star, while still maintaining a distinctive identity with that bright blue. It's professional without being sterile.

Visit www.notion.com

Industry

Productivity Software

Category

SaaS

Colour Scheme

light

Colours

8

UI Colour Palette

#FFFFFF

#F6F5F4

#000000

#37352F

#0075DE

#62AEF0

#A3D0F7

#E0E0E0

Brand Palette

#000000

#FFFFFF

Details

Built with Next.js
Styled with CSS Modules
Captured 23 October 2025

Screenshot

Notion SaaS website full page screenshot showing light colour scheme with 8 colours - What I appreciate about Notion is their restrained use of colour. They've created this calm, minimal base with whites and soft greys that lets user content be the star, while still maintaining a distinctive identity with that bright blue. It's professional without being sterile.

Related Sites

Linear SaaS website - Linear helped set the trend of dark UIs for productivity tools - almost pure black with very minimal pops of colour. What's clever is how restrained they are: just small dots of purple, blue, green, and red for status indicators. It's focused, fast, and gets out of your way. Exceptional attention to design details throughout.

Linear
GitHub SaaS website - The home of open-source development with a dark interface that feels right for late-night coding sessions. What's interesting is how they've evolved beyond basic dark mode - those deep blue and purple gradients add personality while maintaining the focused, developer-first aesthetic.

GitHub
Rollups SaaS website - A great example of how a restrained palette can be just as impactful as a vibrant one. Cap table management for startups, with a super clean layout built around soft olive tones and subtle pinstripe borders. The dark green gradient background with noise texture adds depth. Shows you don't need a dozen colours to make a strong impression.

Rollups
Razorpay SaaS website - Payment gateway and financial services platform with striking monochrome design using sparse electric blue accents for storytelling. The site cleverly uses grayscale to represent the dullness (a'la Rumblefish) before using Razorpay, then introduces vibrant blue to show the transformation after. Fantastic use of character animations throughout.

Razorpay
Figma SaaS website - What's clever about Figma's site is how minimal it is - basically just black and white. I think this is intentional: they're saying 'we're the tool, your designs are the star.' The high contrast and clean aesthetic perfectly reflects their product philosophy of getting out of the designer's way.

Figma