# Fly the house colours

The OpenYacht mark is a **code hoist**: signal flags Oscar and Yankee flown from one halyard — **O · Y** in the International Code of Signals. Sailors can read it; everyone else sees flags flying.

Everything here is free to use when referring to OpenYacht or indicating that a system implements the protocol. The one rule that matters: the colours are the letters, so the full-colour flags are never recoloured — single-ink contexts use the one-colour cuts, where the divisions become cuts and the geometry still reads.

![OpenYacht lockup: the code hoist mark beside the wordmark](/brand/openyacht-lockup.svg)

![OpenYacht lockup reversed for dark grounds](/brand/openyacht-lockup-reversed.svg)

![OpenYacht lockup, one-colour cut in signal blue](/brand/openyacht-lockup-blue.svg)

## [/brand/openyacht-mark.svg](/brand/openyacht-mark.svg)

the mark, full colour — the master everything derives from

## [/brand/openyacht-mark-reversed.svg](/brand/openyacht-mark-reversed.svg)

for dark grounds: ivory halyard, flags unchanged

## [/brand/openyacht-mark-blue.svg](/brand/openyacht-mark-blue.svg)

one-colour cut in signal blue

## [/brand/openyacht-mark-ink.svg](/brand/openyacht-mark-ink.svg)

one-colour cut in ink

## [/brand/openyacht-mark-ivory.svg](/brand/openyacht-mark-ivory.svg)

one-colour cut in ivory, for dark grounds

## [/brand/openyacht-lockup.svg](/brand/openyacht-lockup.svg)

mark + wordmark, ink text (wordmark outlined, no fonts needed)

## [/brand/openyacht-lockup-reversed.svg](/brand/openyacht-lockup-reversed.svg)

lockup for dark grounds

## [/brand/openyacht-lockup-blue.svg](/brand/openyacht-lockup-blue.svg)

lockup, one-colour blue

## [/brand/openyacht-lockup-stacked.svg](/brand/openyacht-lockup-stacked.svg)

stacked lockup for centred vertical contexts — login screens, splash views

## [/brand/openyacht-lockup-stacked-reversed.svg](/brand/openyacht-lockup-stacked-reversed.svg)

stacked lockup for dark grounds

## [/brand/openyacht-lockup-stacked-blue.svg](/brand/openyacht-lockup-stacked-blue.svg)

stacked lockup, one-colour blue

## [/brand/openyacht-512.png](/brand/openyacht-512.png)

square logo on cloth — press, articles, anywhere a square raster is needed

## The colours are the letters

The palette is the International Code flag locker, nothing else. Canonical values are the oklch tokens in the site's stylesheet; the hex values are their exact sRGB renderings — use them verbatim.

-   signal-red  
    #c30b2d  
    oklch(52% 0.205 22)
-   signal-yellow  
    #fecf16  
    oklch(87% 0.175 92)
-   signal-blue  
    #0f2d79  
    oklch(33% 0.135 264)
-   ink  
    #14181f  
    oklch(21% 0.015 260)
-   cloth  
    #f5f3ee  
    oklch(96.5% 0.008 95)
-   ivory  
    #f1efe6  
    oklch(95% 0.012 95)

## Show you fly it

Running a node, or built on the protocol? Bend a badge onto your site or README. Both are SVG with the text outlined — they render identically everywhere and always link home.

![Built on OpenYacht badge, cloth](/brand/badge.svg) ![Built on OpenYacht badge, flat](/brand/badge-flat.svg)

HTML

```
<a href="https://openyacht.org">
  <img src="https://openyacht.org/brand/badge.svg" alt="Built on OpenYacht" height="32">
</a>
```

MARKDOWN (THE FLAT CUT SUITS A README BADGE ROW)

```
[![Built on OpenYacht](https://openyacht.org/brand/badge-flat.svg)](https://openyacht.org)
```

## Hoist etiquette

-   **Never recolour the flags.** Recoloured, they stop spelling O · Y. One-colour contexts use the cuts.
-   **Keep the hoist order.** Oscar flies above Yankee; swapped, it reads Y · O and spells nothing.
-   **Keep the halyard.** Don't crop it or detach the flags from it; it's what makes the mark a hoist rather than two squares.
-   **Give it sea room.** Clear space of at least half a flag's width on all sides; minimum height 24px, below which the favicon cut applies.
-   **The wordmark is Besley.** Extra-bold, uppercase, tracked wide — use the lockup files rather than resetting it.