Petrol Chapel color palette — #FFF0FD · #ECC8E8 · #819ED2 · #4164A0 · #253659

Built around Slate, softened by Blue Fog — the whole palette hums with trust and stability.

The five colors

• Blush (#FFF0FD): A whisper-light, dusty pink — the color of a candy shop window.
• Thistle (#ECC8E8): A whisper-light, dusty pink — the color of peonies in June.
• Blue Fog (#819ED2): A luminous, balanced violet — the color of wild irises.
• Slate (#4164A0): A full-bodied, balanced violet — the color of a velvet chair.
• Navy (#253659): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Sophistication. Tagged monochrome, muted, cool.

Use it as a design system

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

• Hushed Petrol Drift color palette (#DEFDF4, #BCE0FF, #74A4CE, #226DA1, #163D5C)
• Weathered Pewter color palette (#FFF1F5, #FDCBDA, #B08FC6, #815999, #412A50)
• Cobalt Quarry color palette (#FFF0FD, #AECCFC, #6282C4, #32517B, #4A2F47)
• Timeworn Alley color palette (#FDF1FC, #E8D5D7, #C9BBB9, #87A9CC, #5E4A59)
• Aubergine Grove color palette (#E2DAFF, #B09EEB, #7D5DC9, #4E119C, #1D0044)
• Feathered Grape color palette (#F3F4FF, #BCB9FF, #8273F2, #542DC6, #281267)
• Driftwood Drift color palette (#FCF2F6, #EFC7B8, #986F82, #614251, #33282D)
• Chalky Workshop color palette (#E1E7FE, #5D70C8, #2B2DB1, #0C0053, #010010)

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