Skip to main content

Del Mar

Soft lavender-white canvas, deep purple-navy text, and one gentle violet accent — the only cool-pastel theme in the collection. Built for lifestyle, beauty, wellness, consumer products, and editorial platforms.

Version 1.0.0

Meet Del Mar

A look at its colors and typography, from the headline to the smallest details.

Del MarLight / Design sample

A place for your next chapter.

Your ideas, your stories, your point of view. Give them a home that feels like you.

Start somethingExplore the story →
Room for the details.

Thoughtful type, a clear palette, and space for what matters.

Del MarDark / Design sample

A place for your next chapter.

Your ideas, your stories, your point of view. Give them a home that feels like you.

Start somethingExplore the story →
Room for the details.

Thoughtful type, a clear palette, and space for what matters.

The identity

A character of its own

Del Mar is a cool-pastel editorial system: a lavender-white canvas, deep purple-navy ink, and a single soft-violet accent that carries every interactive moment. Refinement comes from restraint and air — generous line-height, serif headings, and left-ruled lists in place of boxes and chrome.

  • airy
  • curated
  • monochromatic
  • unhurried

The palette

Color with intention

Light palette

Canvas#f9f7fd
Ink#1e1629
Primary#7c5cbf
Accent#ede8f9
Surface#f0ecf8

Dark palette

Canvas#161320
Ink#ece7f6
Primary#b298e8
Accent#2a2340
Surface#221d31

The typography

Find your voice in type

Headings

Make a little room for possibility.

Georgia, "Times New Roman", serif

Body

Good stories start with a clear point of view.

-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif

Code & details

Aa Bb Cc · 0123456789

"SFMono-Regular", Menlo, Consolas, monospace

Made for

Who it speaks to

Lifestyle, beauty, wellness, consumer-product, and editorial brands whose sites lean on long-form reading, curated stories, and a calm, spa-like first impression — the kind that would rather feel considered than loud.

The voice

How it sounds

Calm, curated, and specific. Prefer concrete guidance over hype, short unhurried sentences over exclamation, and one clear next step over a wall of buttons. The register is quietly confident, never breathless or clinical.

Art direction

The thinking behind the look

Lavender-white (#f9f7fd) canvas with deep purple-navy (#1e1629) text and one soft violet (#7c5cbf) accent for buttons, focus rings, and thin left rules; inline links and rule tints use the deeper violet (#5f3fa8). The whole palette lives on a single violet axis — no competing hue except sage success (#4a7a60) and muted red error (#b83c3c). Georgia serif headings over a system-sans body, softly rounded 1rem surfaces, violet-tinted low-opacity shadows, and a spacious 4.5rem section rhythm. In dark mode it becomes violet twilight: an indigo-plum canvas (#161320), cool lilac-white text (#ece7f6), and a lifted lilac accent (#b298e8).