Petrol Chapel color palette — #EEF7FC · #DCC189 · #2B7C9A · #15495C · #18232A

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

The five colors

• Ivory (#EEF7FC): a clean, paper-quiet neutral.
• Sand (#DCC189): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Slate (#2B7C9A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#15495C): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#18232A): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Optimism, 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 Alley color palette (#EBF9F3, #FFC5BB, #5F9DC1, #3E6982, #182520)
• Petrol Delta color palette (#E9FAF0, #B4EED9, #458091, #1A412E, #07120C)
• Patina Blush color palette (#EEF6FF, #E2979A, #2D5380, #1E2F43, #191925)
• Timeworn Market color palette (#D6E7F8, #D6A200, #005DA0, #002F55, #011021)
• Frosted Lapis Basin color palette (#F1F5FF, #E1B34D, #5D51D1, #34316D, #13192E)
• Antique Chapel color palette (#F1F5FB, #DCD9E3, #C8BDCF, #7590BF, #414852)
• Wandering Lilac color palette (#F0F6FC, #8CCCFB, #9A77E3, #3588BD, #202333)
• Azure Station color palette (#EDF6FF, #3C98D9, #BB5950, #6B5D00, #112B30)

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