Petrol Delta color palette — #F1F5FC · #DBD8E1 · #C4BBC9 · #5F73A2 · #43484F

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

The five colors

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

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

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

• Washed Cobalt color palette (#EEF2F8, #D9D5DD, #C9B7C5, #4B74B7, #242D38)
• Weathered Summit color palette (#F1F5FF, #B8B6D4, #9282A1, #50695C, #2E525A)
• Tempered Mulberry color palette (#F7F3FB, #E4D5DB, #BEADBC, #8B4B73, #3D3844)
• Worn Stone color palette (#EBF9F2, #A4B78E, #477F79, #465C72, #274A42)
• Muted Workshop color palette (#DEE3FB, #7562AE, #322F45, #1B1E2D, #0D0B13)
• Weathered Lilac color palette (#F1F5FF, #CAE1FF, #B0A6F0, #B57CB6, #3D3D5F)
• Garnet Villa color palette (#E7E0EB, #C2B3C3, #9A8895, #751B49, #26192D)
• Washed Navy Coast color palette (#EAEFFB, #A4A8BE, #7E7C94, #2A2287, #0D1323)

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