Muted Petrol Chapel color palette — #DFF3F3 · #87B7E0 · #316AAA · #004B67 · #172C53
Slate and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#DFF3F3): A whisper-light, dusty teal — the color of glacier melt.
- Sky (#87B7E0): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#316AAA): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#004B67): A deep, shadowed, dusty blue — the color of deep harbor water.
- Midnight (#172C53): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Muted 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
- Petrol Boulevard color palette (#DFF4F0, #6FC0C7, #007585, #00504C, #003440)
- Hushed Powder Quarry color palette (#E9F2FF, #B7C1FF, #9F94D0, #315D87, #26354F)
- Cerulean Chapel color palette (#DAF3FF, #0098D0, #006093, #004271, #092950)
- Cerulean Dune color palette (#E6FAF7, #70E1F7, #008DAD, #006669, #0B465C)
- Sunlit Boulevard color palette (#F5ECEF, #B1D8FA, #8A9DF6, #009093, #36224F)
- Pine Canyon color palette (#CDE1F3, #0085D0, #008130, #004D7B, #00330E)
- Quiet Canyon color palette (#D9E8FF, #5188F1, #004AAF, #002763, #001142)
- Sapphire Thicket color palette (#DFEBFF, #015FE5, #922297, #005958, #0A1E3F)
Browse the whole catalog at Explore, or see today's palette.