Petal Harbor color palette — #B5F0FF · #FFCAE9 · #CECFFF · #5E6373 · #34373E
Built around Thistle, softened by Lilac Frost — the whole palette hums with trust and stability.
The five colors
- Frost (#B5F0FF): A whisper-light, dusty blue — the color of open sky before noon.
- Thistle (#FFCAE9): A whisper-light, dusty pink — the color of neon signs at night.
- Lilac Frost (#CECFFF): A whisper-light, dusty violet — the color of a velvet chair.
- Graphite (#5E6373): A full-bodied, dusty violet — the color of twilight just after sunset.
- Charcoal (#34373E): quiet, heavy and certain.
Feels like: Trust, Stability, Creativity, Sophistication. Tagged neon, dark, vibrant, 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
- Petal Terrace color palette (#F2F5FF, #F2D2F1, #939CC0, #646B87, #282B35)
- Worn Mallow Quarry color palette (#E0E7FF, #FFC098, #FFA6DE, #5B5366, #29262D)
- Ancient Celadon Alley color palette (#9EFDC4, #FFC9BA, #A2CFFF, #404C59, #2F3439)
- Timeworn Balcony color palette (#F0EA89, #FFD2B1, #FFBDDE, #685F70, #3A353F)
- Ancient Corridor color palette (#F5F4FB, #DED7DD, #BEC5AB, #BAACAE, #53515B)
- Washed Fuchsia Summit color palette (#E1EDFE, #FFA29F, #FA80FD, #4B4361, #1F1D27)
- Dusty Powder Atelier color palette (#F1F5FF, #B3BEFC, #89C6A8, #60A8A9, #363D4C)
- Powder Atelier color palette (#BFE7F6, #FFB0D5, #B9AFFF, #412B37, #231A1F)
Browse the whole catalog at Explore, or see today's palette.