Antique Petrol Harbor color palette — #F1F5FB · #DBD8E0 · #C6BBCD · #5B74A4 · #43484F

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

The five colors

• Ivory (#F1F5FB): a clean, paper-quiet neutral.
• Silver (#DBD8E0): bright and airy, almost weightless.
• Stone (#C6BBCD): A luminous, dusty violet — the color of wild irises.
• Slate (#5B74A4): A full-bodied, balanced violet — the color of a velvet chair.
• Charcoal (#43484F): quiet, heavy and certain.

Feels like: Creativity, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Petrol Courtyard color palette (#EDF2F9, #DAD5DF, #C5B8C3, #5A779C, #262D34)
• Antique Driftwood color palette (#F9F3F9, #E8D8D8, #D2BCB4, #9F85A2, #4C454D)
• Byzantium Dune color palette (#F5F4FD, #E4D4E0, #C6B5CE, #8E48A2, #3F3D4E)
• Timeworn Driftwood Study color palette (#EDF3FF, #A9A9CE, #9B728C, #426B56, #2A5158)
• Antique Nightshade color palette (#F2F5FE, #CFD0EA, #A8A0C5, #5543B3, #2C3246)
• Muted Harbor color palette (#EFF8F3, #A5B788, #4E824B, #435C74, #2F4841)
• Hushed Indigo Balcony color palette (#E0E4F3, #7360B9, #322D4D, #1B1E2B, #0D0B12)
• Peony Quarry color palette (#F1F5FF, #BADEFF, #A5ABFF, #AD66AA, #383A56)

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