Petrol Chapel color palette — #F1F3EC · #C4E2E3 · #75A2C1 · #16778B · #133F35
Built around Teal, softened by Blue Fog — the whole palette hums with trust and stability.
The five colors
- Cream (#F1F3EC): a clean, paper-quiet neutral.
- Silver (#C4E2E3): A whisper-light, dusty teal — the color of sea glass.
- Blue Fog (#75A2C1): A luminous, dusty blue — the color of open sky before noon.
- Teal (#16778B): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#133F35): A deep, shadowed, dusty teal — the color of shallow lagoons.
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
- Denim Quarry color palette (#E6E9DA, #80A693, #006083, #003840, #000C17)
- Muted Studio color palette (#F1F3EC, #C5E2E5, #AD91B0, #2E7491, #442D44)
- Ash Studio color palette (#FAF3F6, #D8DFF0, #789DC5, #407A78, #495365)
- Petrol Parlor color palette (#F3F3E1, #6ECDCF, #00818B, #00524A, #001E24)
- Muted Navy Grove color palette (#DEE4D5, #628EB8, #004790, #00293B, #00011C)
- Antique Basin color palette (#FDEDF5, #B0AED9, #45AFAB, #6E63B8, #1F381D)
- Wandering Navy Grove color palette (#E1E5D7, #538474, #003D6B, #001E29, #000105)
- Nightshade Loft color palette (#FDDEF4, #AEB1E1, #7D77B6, #5B478C, #4D2938)
Browse the whole catalog at Explore, or see today's palette.