Quiet Petrol color palette — #F1E5ED · #62C3D9 · #0071AF · #004D38 · #0B1038
A conversation between Slate and Cyan, giving this palette its sense of trust and stability.
The five colors
- Blush (#F1E5ED): a clean, paper-quiet neutral.
- Cyan (#62C3D9): A luminous, balanced blue — the color of deep harbor water.
- Slate (#0071AF): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004D38): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Indigo (#0B1038): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Quiet Petrol 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
- Timeworn Meadow color palette (#F9EEF4, #A4CEE8, #4C7EBB, #005D4F, #161E3B)
- Petrol Thicket color palette (#E6F1F0, #7FBCCD, #007392, #004F54, #003248)
- Wandering Boulevard color palette (#F2E3E8, #4EA6D7, #3053A2, #003A36, #0E0029)
- Dusty Cypress color palette (#F7EFF4, #D6D1E7, #7F9FC3, #3E7769, #2E3648)
- Cerulean Hollow color palette (#F6E6F6, #009DA5, #00506C, #002E15, #000312)
- Plum Canyon color palette (#F5D7EC, #B60099, #006E5E, #00515B, #10031F)
- Weathered Navy color palette (#EFE0E7, #0083B0, #003485, #00201C, #010009)
- Amber Grove color palette (#FEDBFD, #FFB9B6, #C5924C, #5B5A97, #22102A)
Browse the whole catalog at Explore, or see today's palette.