Petal Harbor color palette — #EBF2FF · #E3D5E1 · #DFB9D9 · #5F7D9C · #252B40

A conversation between Carnation and Slate, giving this palette its sense of sophistication.

The five colors

• Ivory (#EBF2FF): bright and airy, almost weightless.
• Silver (#E3D5E1): A whisper-light, dusty pink — the color of a candy shop window.
• Carnation (#DFB9D9): A whisper-light, dusty pink — the color of a candy shop window.
• Slate (#5F7D9C): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Midnight (#252B40): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Sophistication. Tagged pastel, light, muted.

Use it as a design system

One click turns Petal 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

• Dusty Bloom color palette (#EFF0FF, #DFD3DF, #BEB7A0, #7C88A9, #403C4E)
• Washed Apricot color palette (#F7EEFF, #FFC2C7, #EA9F7A, #846185, #312137)
• Hushed Blush Lagoon color palette (#F3EFFF, #EEB2FD, #F578BF, #4B5FB1, #2D153B)
• Coral Veranda color palette (#F1E6FF, #FFAFC1, #DD7B65, #674674, #25152E)
• Rust Market color palette (#F2F0F9, #D39CDC, #B55438, #7D5184, #160913)
• Ancient Mustard Atelier color palette (#F0F0FF, #D4AD59, #624779, #25243B, #0B0B18)
• Taupe Alley color palette (#FFECF4, #CFA26E, #996848, #5D4255, #16271A)
• Muted Ridge color palette (#F6E6FE, #C172A2, #A7374E, #38236E, #03000C)

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