PASTEL GOTH

Dreamy pastels meet gothic darkness — the gurokawa design system

✦   ☽   ✦
01

Color Palette

A split palette: the void side provides depth and surface, while the dream side layers candy-colored pastels on top. Every pastel glows softly against the dark.

The Void

Void #120f18 --void
Dusk #1a1520 --dusk
Twilight #241d2e --twilight
Shadow #2e2438 --shadow

The Dream

Lavender #c8a4e8 --lavender
Blush #f0a8c8 --blush
Mint #a0e0c8 --mint
Periwinkle #a8b8f0 --periwinkle
Lilac #d8a8f0 --lilac

Text & Glow

Primary Text #e8d8f8 --text-primary
Secondary #b8a4d0 --text-secondary
Muted #907898 --text-muted
✦   ☽   ✦
02

Typography

Three fonts bridge the dark and the soft. Cinzel Decorative brings ceremonial weight. Nunito rounds every edge. Space Mono grounds it all in retro-digital precision.

Cinzel Decorative — Display

Memento Mori

Dark Ceremonies

Beneath the crescent moon, all things bloom in violet

Nunito — Body Text

Soft as velvet, sharp as thorns

Light 300 — The pastel goth aesthetic embraces contradiction: candy-colored palettes draped over occult symbolism, rounded corners beside pointed arches, kawaii charm with an undercurrent of beautiful melancholy.

Regular 400 — Every element exists at a crossroads between two worlds. The softness of lavender and blush tempers the severity of void-dark backgrounds. Neither side dominates; they coexist.

Semibold 600 — Design systems built on this tension create interfaces that feel simultaneously comforting and mysterious.

Bold 700 — Strong emphasis that still stays rounded and approachable.

Italic 400 — Whispered asides and gentle annotations, leaning into the dreamy register.

Space Mono — Code & Captions

// ritual.config.js
const palette = {
  void: '#120f18',
  lavender: '#c8a4e8',
  blush: '#f0a8c8',
  mint: '#a0e0c8',
};

export default summonTheme(palette);

Composition — Gothic meets Kawaii

ETERNAL TWILIGHT

where every skull wears a flower crown ✿

// gurokawa :: cute meets creepy

✦   ☽   ✦
03

Spacing

A 4px base scale, doubling upward. Consistent spatial rhythm keeps the dreamscape grounded.

xs
4px
sm
8px
md
16px
lg
32px
xl
64px
2xl
96px
✦   ☽   ✦
04

Buttons

Rounded pills with soft glows. Primary buttons radiate lavender warmth; secondary buttons wear gradient borders like chokers; danger buttons blush pink with a kawaii skull.

Variants

Sizes

Secondary Sizes

With Icons

✦   ☽   ✦
05

Forms

Dark input fields with pastel focus rings. Every interaction glows faintly, as if awakening something sleeping.

Your coven name, 3–24 characters

Interests

Moon Phase

✦ Join the Coven ✦
✦   ☽   ✦
06

Cards & Panels

Content vessels for the in-between. Glass, solid, inverted, and featured — each carries the tension between soft and severe.

Glassmorphism

Frosted Veil

A translucent surface that lets the void show through, softened by blur and a whisper of pastel gradient along the border. Depth without weight.

Solid

Twilight Foundation

Grounded in darkness with a lavender accent edge. On hover, it breathes a soft glow — a candle behind curtains.

Inverted

Light Island

A pastel island in a sea of dark. Flipped colors create contrast and draw the eye. Use sparingly for emphasis.

✦   ☽   ✦
07

Alerts & Notices

Pastel-bordered messages from the void. Each severity has its own color, icon, and glow intensity.

Astral Notice

The moon is in its waxing crescent phase. Enchantments cast tonight will carry extra resonance.

Lunar Warning

Mercury is in retrograde. Please back up your grimoire before performing any ritual updates.

Summoning Failed

The invocation could not be completed. The protective circle was broken on the eastern side. Please redraw and try again.

Spell Complete

Your enchantment has been successfully applied. The target now glows with a soft lavender aura.

✦   ☽   ✦
✦   ☽   ✦
09

Design Philosophy

Where darkness meets dream — the manifesto of the pastel goth design system.

“Darkness is not the absence of beauty — it is beauty’s shadow.”

Every void-dark background exists to make the pastels sing. The darkness isn’t hostile; it’s the velvet lining of a jewel box.

✦ ✧ ✦

“Every skull deserves a flower crown.”

Gothic severity is not weakened by softness — it is completed by it. The rounded corners, the gentle glows, the candy colors: they are not concessions. They are the point.

✦ ✧ ✦

“We softened the void and made it home.”

Pastel goth is not a compromise between dark and light. It is a third thing entirely — a space where both are welcome, where the macabre and the precious curl up together.

✦ ✧ ✦

“Glow gently. The void is listening.”

Restraint is the secret. Soft glows, not harsh neons. Translucent layers, not opaque walls. Let the darkness breathe through every surface.