Kinetic Pier color palette — #F8D8FD · #E43E6C · #0073E6 · #5E00DF · #3F0416

Built around Iris, softened by Fuchsia — the whole palette hums with trust and stability.

The five colors

• Thistle (#F8D8FD): A whisper-light, dusty pink — the color of a candy shop window.
• Fuchsia (#E43E6C): A luminous, vivid red — the color of a theater curtain.
• Royal Blue (#0073E6): A full-bodied, vivid blue — the color of open sky before noon.
• Iris (#5E00DF): A full-bodied, vivid violet — the color of twilight just after sunset.
• Onyx (#3F0416): A deep, shadowed, balanced red — the color of late-summer berries.

Feels like: Trust, Stability, Creativity, Energy. Tagged vibrant.

Use it as a design system

One click turns Kinetic Pier 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

• Voltage Villa color palette (#FED7F4, #E34930, #5E58FF, #7E00B7, #3F0701)
• Byzantium Basin color palette (#FFF0FA, #E07050, #7C75E2, #8E2DBC, #481D10)
• Pale Delta color palette (#EADEFE, #D140B5, #0085A3, #0055AE, #360A2E)
• Softworn Aubergine color palette (#FED8ED, #A94400, #006089, #580083, #381100)
• Powdered Meadow color palette (#FEDFB6, #EFA72F, #527BE9, #7650BB, #2D1B00)
• Timeworn Summit color palette (#FFD9E5, #BA7400, #A149C3, #9B0071, #2F1A00)
• Dusty Aubergine Boulevard color palette (#C8E3ED, #00929B, #6B5ECB, #791F95, #002022)
• Cobalt Study color palette (#FDF1FD, #D29A9C, #829CCA, #7B6EB3, #473747)

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