Petrol Coast color palette — #F0F6FD · #DAD9E3 · #C0BCCC · #5D7695 · #43484F

A conversation between Slate and Stone, giving this palette its sense of sophistication.

The five colors

• Ivory (#F0F6FD): a clean, paper-quiet neutral.
• Silver (#DAD9E3): a clean, paper-quiet neutral.
• Stone (#C0BCCC): A luminous, dusty violet — the color of a velvet chair.
• Slate (#5D7695): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal (#43484F): quiet, heavy and certain.

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

Use it as a design system

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

• Ancient Pewter color palette (#F4F4FF, #E5D4E6, #BFB7D3, #7E5699, #3E3E4E)
• Wandering Ash Villa color palette (#EDF2FF, #A9ACD1, #807C96, #6B5869, #584143)
• Muted Coast color palette (#F0F5FF, #D6D9F6, #A2BBFF, #9181C8, #2E3956)
• Olive Parlor color palette (#E9FAF2, #A9B688, #637D49, #3F6067, #314840)
• Garnet Harbor color palette (#EAE4F2, #C0B3C9, #98879D, #6F2056, #231B2C)
• Aged Navy Lantern color palette (#DAE3F2, #9FA9C0, #757E9D, #142C81, #0B1422)
• Wandering Parlor color palette (#F1F5FF, #C9D1EE, #9EA3CC, #4849B3, #2A3246)
• Aged Iris color palette (#FEF0FF, #7791ED, #6B5F9A, #6D3D49, #353D4F)

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