Petrol Delta color palette — #F1F5FF · #F0B1B9 · #656DA0 · #3A3F62 · #1B2131

Slate and Ballet Pink set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#F1F5FF): a clean, paper-quiet neutral.
• Ballet Pink (#F0B1B9): A whisper-light, dusty red — the color of late-summer berries.
• Slate (#656DA0): A full-bodied, balanced violet — the color of a velvet chair.
• Navy (#3A3F62): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Midnight (#1B2131): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Petrol Delta 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

• Patina Cobalt color palette (#FEF0FA, #F4D3C7, #6870AF, #30345A, #150C13)
• Petrol Summit color palette (#EEF6FF, #9AD3B3, #4F74A1, #2B4460, #162331)
• Apricot Boulevard color palette (#F8F2FF, #FF9E72, #97497D, #552846, #20132E)
• Wandering Denim Thicket color palette (#F0F5FF, #B9AF83, #404C86, #212956, #1B222F)
• Sunlit Balcony color palette (#F3F4FF, #CCB7F9, #BD71AC, #8C6DC2, #272031)
• Iris Workshop color palette (#FEF1FA, #E1D799, #8192CC, #54618B, #2A1D27)
• Patina Mallow color palette (#FFF0F8, #DD96CC, #AE7286, #835927, #443652)
• Antique Ash color palette (#F4F4FC, #E0D7E0, #C7BCC5, #9E83AE, #474652)

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