Petrol Chapel color palette — #D3E5EB · #568CB3 · #4D6E9E · #583C5C · #260308

Slate and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#D3E5EB): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cerulean (#568CB3): A luminous, balanced blue — the color of open sky before noon.
• Slate (#4D6E9E): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#583C5C): A full-bodied, dusty pink — the color of neon signs at night.
• Ink (#260308): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Trust, Stability, Sophistication. Tagged vintage, retro, muted.

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

• Tempered Cerulean color palette (#C8F7FA, #3A87A5, #415173, #3D0410, #030100)
• Ancient Iris Villa color palette (#E8ECF9, #8174BF, #785B8F, #743642, #2B0200)
• Weathered Dune color palette (#DAF5EC, #0089A9, #3D5081, #422800, #190C00)
• Wandering Lagoon Corridor color palette (#DAF0E9, #009B97, #327885, #3D456E, #140730)
• Cobalt Delta color palette (#D0E8F4, #0085B2, #006598, #003C69, #000D20)
• Iris Basin color palette (#E4EDFD, #8A98E7, #8379A8, #824F60, #3E171A)
• Cobalt Veranda color palette (#E1E7D5, #5EA8E0, #1D76C9, #005976, #000720)
• Lilac Meadow color palette (#E1E4F8, #9E7BDD, #8C6C9A, #713F40, #03250C)

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