Your vibe.Your palette.
Find colours for your next big idea.
Portfolios · Presentations · Brands · Personal projects
01 / 05: What should your colours say?
Five questions. No sign-up. Yours to use.
Your result
Meet your palette.
Twilight Drift
Soft, luminous and imaginative, leaning into ocean, sky and violet tones, expressive without being loud. Built on a dark foundation and shaped for a portfolio or website.
- Background
Midnight Navy
- Surface
Deep Midnight Navy
- Primary
Cobalt
- Accent
Lavender Mist
- Text
Sky Wash
See it in action.
Atelier NorthWorkAboutJournalSay hello
Portfolio 2026
Quietly considered design.
Identity, interface and illustration for teams who care about the details.
View selected work →Case study · Harbour Coffee
A brand system in five colours.
How to use it
- Use Midnight Navy (#2A2D5A) for the background and Deep Midnight Navy (#514A81) for cards and panels.
- Use Cobalt (#8FA3E8) for key actions, with near-black labels (7.6:1).
- Use Lavender Mist (#C9A8F0) sparingly, for highlights, tags and small moments of delight.
- Sky Wash (#EDF1FF) text on Midnight Navy has a 11.5:1 contrast ratio.
Contrast, checked
- Text on background11.5:1
- Text on surface7:1
- Button label on primary7.6:1
- Label on accent9.2:1
Only these pairings are checked. Test any other combination before relying on it.
How it works.
Follow your instincts.
Choose the mood, colours and energy that feel right.
Find your combination.
Get five coordinated colours shaped by your choices.
Make something with it.
Copy your codes, preview your idea and download your palette.