Reef
Cool aqua water against warm living coral — the one light theme that puts a warm accent on a cool-tinted canvas. Built for ocean conservation, environmental orgs, health and wellness, and coastal lifestyle brands.
Version 1.0.0Meet Reef
A look at its colors and typography, from the headline to the smallest details.
A place for your next chapter.
Your ideas, your stories, your point of view. Give them a home that feels like you.
Thoughtful type, a clear palette, and space for what matters.
A place for your next chapter.
Your ideas, your stories, your point of view. Give them a home that feels like you.
Thoughtful type, a clear palette, and space for what matters.
The identity
A character of its own
Reef is a coastal nature system: a pale aqua-tinted canvas, deep ocean-teal text, and one warm coral-orange that only fires on the decisive action. The rule is contrast by relationship — cool water everywhere, a single coral pop where it counts — so the brand reads as clean, alive, and unmistakably of the sea without ever raising its voice.
- tidal
- vivid
- grounded
- unhurried
The palette
Color with intention
Light palette
#f4fcfb#0a2526#e8724a#d4eeec#e5f4f3Dark palette
#071a1b#e8f6f4#f0895f#123332#0e2627The typography
Find your voice in type
Headings
Make a little room for possibility.
Georgia, "Times New Roman", serifBody
Good stories start with a clear point of view.
-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serifCode & details
Aa Bb Cc · 0123456789
"SFMono-Regular", Menlo, Consolas, monospaceMade for
Who it speaks to
Ocean-conservation nonprofits, environmental and marine-science orgs, wellness and healthy-living brands, and coastal-lifestyle businesses (surf, dive, sustainable travel) whose sites run on long-form storytelling, photography, and clear membership or donation calls to action.
The voice
How it sounds
Direct, grounded, and quietly optimistic — a field-guide register, not an eco-guilt one. Prefer concrete nouns (species, tides, watersheds, grams of plastic) over adjectives, name the stakes plainly, and let one warm call to action carry the ask. Never breathless, never doom-heavy.
Art direction
The thinking behind the look
Pale aqua-white (#f4fcfb) canvas with deep ocean-teal (#0a2526) text and a warm coral-orange (#e8724a) accent held back for the one decisive moment per view: primary buttons, focus rings, and capsule wayfinding. Secondary tones stay in the aqua-teal band (#e5f4f3 muted, #1a7a6e teal links) so coral always lands against cool water at maximum contrast. Georgia serif headings over a clean system-sans body, soft 1rem/1.5rem organic radii, faint teal-tinted shadows, 4rem section rhythm. Text on coral is deep ocean-ink (#0a2526), never white — the coral is too light to carry white legibly. In dark mode the reef at night: teal-black water (#071a1b), pale aqua text (#e8f6f4), and the coral lifted (#f0895f) so it still glows against deep water.