Petrol Chapel color palette — #ECF7FD · #AECFA9 · #367C90 · #004A5C · #16242B

Slate and Deep Teal set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#ECF7FD): bright and airy, almost weightless.
• Pistachio (#AECFA9): A whisper-light, dusty green — the color of a quiet forest floor.
• Slate (#367C90): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Teal (#004A5C): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#16242B): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged luxury, dark, 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

• Softworn Cerulean color palette (#F1F5FB, #AFDBDB, #667FA1, #374E6D, #242C36)
• Patina Celadon color palette (#E9FAEE, #C9F6AC, #1B8495, #263F2F, #07130B)
• Timeworn Petrol Lagoon color palette (#F1F5FF, #ECB2BA, #646CA7, #373D6F, #1A2132)
• Washed Pier color palette (#E5FBF3, #FFC6B6, #679BC2, #476C60, #172521)
• Dusty Veranda color palette (#D1E8FD, #4BC681, #005F99, #003051, #001022)
• Pale Study color palette (#F0F6FC, #9AC9FB, #8E84C9, #1082E0, #1F2332)
• Antique Emerald color palette (#E0F2FF, #4B965C, #003D56, #00121C, #000204)
• Patina Dune color palette (#E4FBFA, #63B18B, #C37A59, #936500, #0B3A3B)

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