04 · Colour
One calm palette, and seven colours that belong to the method
The palette now comes from the logo, not from a mood board. Purple has been your colour for a long time, and the logo settled which purple. Around it sits a quiet set of neutrals, because a strong purple only reads as calm when there is a lot of space around it.
Confirmed against the logo file, 11 August. Every value below was measured pixel by pixel from the artwork itself, not guessed from a screen. The purple is one flat colour throughout, in the wordmark, the arch and the Greek key alike. There is no gradient in your logo, which is a good thing: it means the mark can be printed in one ink.
Core palette
The proportion rule, and it is the one that matters most. Roughly 70% linen and sand, 20% purple, 10% gold, violet and olive together. Purple is your signature, not your background. A page that is mostly purple stops feeling calm and starts feeling like a nightclub flyer. If in doubt, take purple out and see whether the page still works. It usually does, and then you add it back in one place.
The seven gate colours
Used only for method material: a gate page, a workshop worksheet, a highlight cover, a carousel about one gate. Never as the palette of a general post, and never all seven at once outside the full-journey graphics.
One correction you did not ask for, found while answering the ones you did. Gate 7 was a slightly different purple in the Method dashboard and here. It is now
#9A77C4 in both. The reason it is this lighter purple and not the brand violet is worth knowing: #7D429E is already the colour of the seven points in your logo, so if gate 7 used it too, the crown gate would look like the system colour rather than like one gate among seven. Every other gate colour was already identical in both documents.Demeter
Aphrodite
Artemis
Hera
Athena
Persephone
Hestia
Where each colour is allowed to go
| Colour | Yes | No |
|---|---|---|
| Linen and Sand | Backgrounds, almost always. Card surfaces, slides, the site. | Text. Sand on linen has too little contrast to read. |
| Royal Purple | Headlines, the logo, buttons, a rule, a highlighted word. | Long paragraphs of body text. At this strength it tires the eye within a few lines. |
| Deep and Night Purple | The one dark section on a page. Slide backgrounds. The sidebar. | More than one dark block in a row. It stops being a pause and becomes the mood. |
| Violet | The seven gates wherever they appear: dots, numbers, small marks, diagrams. | Text on a light background. It is a marking colour, not a reading colour. |
| Gold | The heart point, the light on the keystone, a rule under a heading, one highlighted pill. | Body text of any size, and any text on linen. It does not have the contrast and it will fail accessibility. |
| Olive | The grounding accent. Anything about the body, the earth, the root gate, practical steps. | Anywhere it competes with gold. Only one of the two accents per piece. |
An accessibility rule you should keep even when nobody is checking. Body text is always ink on linen, or linen on night amethyst. Never gold on linen, never lilac on white, never white on gold. This is not a design preference, it is the difference between a woman being able to read your class description on her phone in the sun and giving up on it. You of all people know what it costs when text is hard to read.
Colour tokens, for anyone building anything
--purple:#440069; /* the logo, headings, buttons */ --purple-deep:#33004F; /* the base of the columns */ --purple-night:#26003C;/* the one dark block */ --violet:#7D429E; /* the seven points */ --gold:#C08E1D; /* the heart, and the light */ --linen:#FBF8F3; --sand:#F2EBE0; --card:#FFFDFA; --ink:#2A2233; --muted:#6A6276; --lilac-wash:#F3EBFA; --gold-wash:#FBF4E2; --olive:#7C8B6F; --olive-wash:#EFF2EC; /* the seven gates */ --gate-1:#B0392F; --gate-2:#D9822B; --gate-3:#C99A0A; --gate-4:#3F7D58; --gate-5:#2E6F95; --gate-6:#4B3A8E; --gate-7:#9A77C4;