Petrol Chapel color palette — #F4F6EF · #BADECC · #579FC5 · #00798B · #133E5B
A conversation between Teal and Blue Fog, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F4F6EF): bright and airy, almost weightless.
- Celadon Mist (#BADECC): A whisper-light, dusty teal — the color of sea glass.
- Blue Fog (#579FC5): A luminous, balanced blue — the color of deep harbor water.
- Teal (#00798B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#133E5B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Cobalt Pier color palette (#F4F6F0, #C0E5EA, #7CA7E2, #1984B4, #374769)
- Dusty Quarry color palette (#E7EBDC, #669AB4, #005E8B, #003A46, #000A17)
- Patina Parlor color palette (#EFF0E2, #B3CCB2, #0098A1, #006D60, #00353C)
- Cobalt Archive color palette (#DCE0D5, #85B8D9, #007AC1, #00566C, #001F42)
- Aged Quarry color palette (#F5E4D6, #C7A886, #A97245, #854825, #342F2A)
- Hushed Indigo color palette (#FFDBD6, #D86D93, #C27400, #7C62C6, #441F1B)
- Antique Peony Drift color palette (#FFF2EF, #EFD7BD, #FFB3A0, #BE6A94, #5B352C)
- Mulberry Balcony color palette (#F1DAED, #D387C0, #BA5390, #9B2162, #5F243B)
Browse the whole catalog at Explore, or see today's palette.