Petrol Parlor color palette — #F8EAF2 · #7ABDD0 · #006CB0 · #00523F · #232955
Peacock and Navy set the tone — five colors that lean into trust and stability.
The five colors
- Blush (#F8EAF2): a clean, paper-quiet neutral.
- Cyan (#7ABDD0): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#006CB0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#00523F): A deep, shadowed, dusty teal — the color of glacier melt.
- Navy (#232955): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Petrol Parlor 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
- Lapis Quarry color palette (#E9F1E8, #85B7E2, #4956D2, #004F51, #362250)
- Tempered Cobalt Delta color palette (#FCF2F7, #A3CBE6, #4C77BE, #006157, #313858)
- Weathered Petrol color palette (#F0E8DB, #66C2DD, #0074A2, #004B4B, #00162E)
- Patina Station color palette (#F6E8F4, #2DA1AB, #00506F, #00321A, #000F38)
- Lapis Parlor color palette (#C9E6D8, #888300, #5C4DDD, #4F4B00, #232053)
- Weathered Periwinkle color palette (#F7ECE5, #B7DEC7, #45AEF2, #009284, #152B59)
- Hushed Boulevard color palette (#F8F3F9, #B6E6F2, #3E97B1, #3B703E, #304A64)
- Turquoise Parlor color palette (#D5F7DD, #AADC98, #00B9BF, #894500, #083E34)
Browse the whole catalog at Explore, or see today's palette.