Quiet Petrol Workshop color palette — #E0F3F2 · #8AB8D7 · #006CB0 · #004C62 · #0C2E55

Built around Peacock, softened by Navy — the whole palette hums with trust and stability.

The five colors

• Cream (#E0F3F2): A whisper-light, dusty teal — the color of sea glass.
• Sky (#8AB8D7): 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.
• Navy (#004C62): A deep, shadowed, dusty blue — the color of open sky before noon.
• Navy (#0C2E55): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Quiet Petrol Workshop 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

• Worn Cobalt color palette (#F0E6EA, #94B8D5, #3269BC, #004B4E, #120840)
• Cobalt Corridor color palette (#EAF8F8, #ACC8E6, #5079B5, #005A80, #29395F)
• Cypress Field color palette (#E5F2EF, #77C0C0, #007680, #005148, #00343D)
• Pale Periwinkle color palette (#EDF0E6, #ADDAF7, #3DACFF, #008CAE, #142F4E)
• Washed Denim color palette (#D8EAE8, #579AB0, #00516C, #002F35, #001624)
• Muted Petrol color palette (#EEF7F7, #D8DBEC, #7F9CBC, #41768E, #455467)
• Ancient Moss color palette (#BDE9DE, #5C9019, #007597, #325400, #002E3D)
• Timeworn Olive Lantern color palette (#DDEDE9, #507A00, #006C6D, #703F00, #152500)

Browse the whole catalog at Explore, or see today's palette.