Peony Harbor color palette — #FFF0FB · #4BF5F3 · #AAB6FF · #D467A1 · #352853
Built around Hot Pink, softened by Ice Blue — the whole palette hums with creativity and balance.
The five colors
- Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
- Ice Blue (#4BF5F3): A whisper-light, balanced teal — the color of shallow lagoons.
- Lavender (#AAB6FF): A luminous, balanced violet — the color of twilight just after sunset.
- Hot Pink (#D467A1): A luminous, balanced rose — the color of pressed rose petals.
- Navy (#352853): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Creativity, Balance. Tagged candy, vibrant, light.
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
- Frosted Wisteria color palette (#E3FCF1, #76EAC5, #6BBFFF, #BC80D5, #1D3354)
- Coral Study color palette (#FFF1F7, #90DCFF, #CFA6FD, #EA7171, #4E282E)
- Gentle Workshop color palette (#F0F5FF, #7CCBFF, #92A1FF, #9753BF, #2C2B4E)
- Softworn Grove color palette (#F0F6FF, #CAD6EE, #BFA9AF, #E581B5, #181834)
- Patina Violet color palette (#D5E3FD, #9EA4F7, #9964C2, #894382, #592A3C)
- Pale Ember color palette (#F9F2FF, #AED0FF, #D499FF, #FC4619, #4B0043)
- Feathered Blush color palette (#FFEFED, #D3B9FF, #FF6F96, #C37B00, #470715)
- Apricot Chapel color palette (#FFF1F1, #CDD8FF, #FF9CC7, #EE8700, #5E1224)
Browse the whole catalog at Explore, or see today's palette.