Petrol Chapel color palette — #F5EDE6 · #81BAD6 · #296AAC · #00504F · #232A50

A conversation between Slate and Sky, giving this palette its sense of trust and stability.

The five colors

• Cream (#F5EDE6): bright and airy, almost weightless.
• Sky (#81BAD6): A luminous, dusty blue — the color of open sky before noon.
• Slate (#296AAC): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#00504F): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Midnight (#232A50): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Wandering Cobalt Pier color palette (#F3E7DD, #90C0AA, #306AB8, #004C43, #15093B)
• Hushed Cobalt Coast color palette (#FEF3E9, #A1CBEA, #5677B7, #005E67, #4F2E43)
• Denim Hollow color palette (#F5E2D9, #5DAEAC, #006273, #004124, #002234)
• Patina Cerulean color palette (#CFE5E3, #009DB2, #006B8A, #00426C, #1D285A)
• Sunlit Study color palette (#FFF2EC, #77E2E6, #008DAC, #006A47, #124464)
• Pale Thicket color palette (#E7F2E9, #B6D8F0, #4EABF7, #008F9C, #122C59)
• Washed Wisteria color palette (#CAF8E3, #BACCFF, #BF8AD2, #00636A, #183B33)
• Timeworn Periwinkle color palette (#C8E6FF, #359CFD, #00539A, #002A4A, #001526)

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