Brand Mood Proposal · v2
Deep Orange
& Plum 👑
The refined direction — Deep Orange as the signature pop, amber as the warm accent, and deep plum as text color. Warmer backgrounds throughout, no cold tints.
What Changed
From v1 to v2
- Signature pop: Deep Orange
#F4511Einstead of Orangered — slightly warmer, more fire than tomato - Text color: Deep Plum
#3D1230as body text — richer and more regal than brown - Accent scale: Amber confirmed — warmer and more orange than gold
- Backgrounds: Warmer tints — new warm rose, warm blush, and dusty cream options replace the cold plum-50
- Dusty rose: Kept as-is — beautiful as a faded purple/pink
Color Palette
The Refined Court
Warm Backgrounds
Every background option stays warm. No cold lavender or purple tints — these all have a peach or cream undertone.
Deep Plum (text & depth)
Amber (primary accent)
Dusty Rose (faded purple/pink)
Deep Orange (signature pop)
Background Options
Warm Tints in Action
Each background stays warm. The new warm rose, warm blush, and dusty cream options give you section variety without going cold or purple.
Slightly deeper. Good for alternating sections without stark contrast.
Read more →👑 Note: This section itself uses the Warm Rose background (#F8ECE8). Compare it to the cream and golden sections above and below.
Typography
Playfair Display & Lora
Deep plum as text color changes the entire feel — richer than brown, more personality than black. Every heading weight and style now reads against the warm backgrounds.
Heading Hierarchy
The Queen's Decree
A Bold Chapter Title
A Subheading with Purpose
An Italic Subheading for Flair
Labels & Caps
Playfair Display · All Caps · Wide Tracking
The ampersand is particularly lovely in Playfair — look for it throughout the page.
Components
The Royal Collection
This section uses the Warm Blush background — see how components read against it.
Buttons
Badges / Tags
Content List
List with ⚜ Bullets
- Content Collections with Zod schemas for type safety
- OG image generation with Satori and Sharp
- RSS feeds per author — because the Queen deserves her own
- Tailwind CSS with a custom royal color palette
Images & Figures
Bold Borders, Not Ornament
Primary — Plum Border & Amber Shadow
Alternate — Amber Border & Plum Shadow
Minimal — Soft Border, No Shadow
Callouts & Quotes
Royal Decrees
This section uses Dusty Cream (#F3E2DA) — the warmest background option. Notice how the callout boxes still stand out.
🌹 Rose Callout — uses Warm Rose background instead of cold plum-50.
Warm throughout — perfect for tips, gentle reminders, or "nice to know" asides.
👑 Amber Callout — For important highlights, key takeaways, or featured content.
Warm and present without shouting.
⚜ Plum Callout — uses Warm Blush background instead of cold plum-50.
Warm pink instead of cold purple. Still signals depth.
🔥 Signature Callout — Deep Orange makes these impossible to miss.
For warnings, breaking changes, or "pay attention now" moments.
Blockquotes
You were not a fool. You merely believed yourself in love. One should never apologize for that.
Lady Danbury, Bridgerton
Just because something is not perfect does not make it any less worthy of love.
Also applicable to CSS
Dark Section
The Queen's Chamber
Deep plum backgrounds for newsletter signups, featured content, or footers. Amber headings and cream text for contrast.
Amber on plum. Deep Orange as the spark. This is Queen Charlotte energy — not subtle, not sorry.
The Mood
Dusty Rose Section
The Faded Purple/Pink
Rose-100 (#FAE3E5) as a section background — the dusty rose that reads as a faded purple/pink. Use it for testimonials, featured quotes, or to break up long content pages.
My heart is, and always will be, yours.
Also me, to well-structured HTML
Putting It All Together
Full Blog Post Feel
January 15, 2026
How I Bridgerton'd My Website
A tale of plum, amber, and the audacity to use serif fonts in 2026.
The thing about web design is that it rarely feels personal. We reach for the same Tailwind defaults, the same Inter font, the same slate-gray cards. But what if your website felt like you?
I wanted something that said "yes, I write JavaScript, and yes, I have opinions about table settings." Something Queen Charlotte would approve of.
Every great design starts with an even better story.
Lorinda Mamo
The Color Strategy
The foundation is warm cream — not white, never white. White is for people who don't have a crown emoji as their favicon. On top of that:
- Deep plum for text — richer than black, more regal than gray, warmer than brown
- Amber accents for borders, highlights, and that satisfying glow on hover
- Dusty rose for softer moments — badges, callouts, the gentler side
- Deep Orange stays as the signature pop — every queen needs her crown jewel 🔥
👑 Key takeaway: Your color palette should feel like a wardrobe, not a spreadsheet. Each color has a role, a personality, a reason to exist.
And the typography? Playfair Display for headings because life is too short for sans-serif headlines. Lora for body text because your words deserve to be dressed well.
That's the direction. Shall we proceed with the coronation? 👑