Petrol Chapel color palette — #ECF7FF · #007CA9 · #5E6500 · #005227 · #152C32

Built around Cerulean, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Cerulean (#007CA9): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Olive (#5E6500): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#005227): A deep, shadowed, balanced teal — the color of sea glass.
• Onyx (#152C32): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant, 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

• Washed Cobalt Courtyard color palette (#F1F5FF, #6B71B8, #006C4A, #004C51, #172939)
• Antique Denim Basin color palette (#E8F3FF, #005C9A, #2C4C00, #00372A, #001F26)
• Tempered Olive color palette (#FEF1F7, #AE724F, #5A731F, #0E6149, #293840)
• Weathered Orchid color palette (#F0F0FF, #9E69C1, #576F06, #384900, #01121E)
• Sunlit Lilac color palette (#FFF1F6, #A574E2, #5B8327, #496628, #1B2F22)
• Softworn Plum Pier color palette (#F8F2FD, #A55280, #864C00, #4A4400, #1A3231)
• Ancient Chestnut color palette (#E1F4E2, #755000, #00481E, #002D2C, #00172B)
• Weathered Cabin color palette (#F5F4FB, #DFD7DE, #CABAC4, #87678A, #48464E)

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