Peony Harbor color palette — #E4E6C3 · #FD7E35 · #FD39B5 · #22182A · #09040E

Built around Hot Pink, softened by Tangerine — the whole palette hums with optimism and energy.

The five colors

• Celadon Mist (#E4E6C3): A whisper-light, dusty green — the color of new leaves after rain.
• Tangerine (#FD7E35): A luminous, vivid orange — the color of sun-warmed clay.
• Hot Pink (#FD39B5): A luminous, vivid rose — the color of pressed rose petals.
• Deep Indigo (#22182A): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Ink (#09040E): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Optimism, Energy, Balance. Tagged neon, dark, vibrant.

Use it as a design system

One click turns Peony Harbor into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Gentle Delta color palette (#FDE8D7, #FF7196, #B171FF, #191932, #060711)
• Linen Mustard color palette (#DDECDD, #ECB000, #FF7C8A, #332633, #191319)
• Magenta Orchard color palette (#D2F6E1, #EFA300, #D260F0, #472821, #281D1F)
• Softworn Ember Boulevard color palette (#D7F7E0, #B5AC00, #FB5D27, #251320, #0E070B)
• Blush Grove color palette (#F6EEFC, #EB6EAC, #AC3623, #8C295E, #0D030A)
• Hazy Rust Basin color palette (#FFDCE0, #E27873, #AD4129, #642200, #280E00)
• Linen Plum color palette (#E2ECDA, #B06E00, #CF0064, #130218, #020004)
• Amber Loft color palette (#EDE5F8, #DF8656, #692D55, #22152F, #07030D)

Browse the whole catalog at Explore, or see today's palette.