Petrol Chapel color palette — #DFEDEA · #8CBCCB · #007985 · #004C45 · #001A20

A conversation between Teal and Forest, giving this palette its sense of trust and stability.

The five colors

• Honeydew (#DFEDEA): bright and airy, almost weightless.
• Ash (#8CBCCB): A luminous, dusty blue — the color of open sky before noon.
• Teal (#007985): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004C45): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#001A20): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Cerulean Grove color palette (#EAF4F2, #A6CFE0, #008AA4, #005B5C, #002531)
• Muted Cobalt Harbor color palette (#DCEDEC, #98B7D2, #016EB9, #00485E, #001435)
• Weathered Delta color palette (#D5E6E4, #64A7BD, #006181, #00383F, #000C17)
• Abyss Garden color palette (#D3E5E2, #567F92, #004255, #001F21, #000103)
• Quiet Lagoon color palette (#E0DDF0, #9E67A8, #007794, #700081, #00151D)
• Chalky Brick Meadow color palette (#EAE8FF, #8A4F9D, #A6282E, #004D8C, #16001E)
• Hushed Hollow color palette (#FBE4F2, #AD785B, #883A19, #600900, #1A0900)
• Pale Aubergine color palette (#EDE4FF, #F6B3D3, #DD7B94, #7F328C, #2C041E)

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