Quiet Petrol color palette — #FFF2EC · #00BAAE · #0070B1 · #6C2416 · #00161A

Slate takes the lead with Turquoise close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Turquoise (#00BAAE): A luminous, balanced teal — the color of shallow lagoons.
• Slate (#0070B1): A full-bodied, balanced blue — the color of open sky before noon.
• Oxblood (#6C2416): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#00161A): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Balance. Tagged retro.

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

• Sapphire Harbor color palette (#FFF3E5, #00B5D3, #4E5EC7, #583800, #001422)
• Clover Harbor color palette (#FFF2EB, #00C16E, #00788A, #69213B, #081700)
• Timeworn Canyon color palette (#FFF2EA, #00D0D5, #5280BC, #7A3E23, #042919)
• Nightshade Study color palette (#FFEAD8, #009CA9, #244CAB, #422200, #000508)
• Dusty Courtyard color palette (#E5FDE4, #00A7A5, #8D3C93, #631F00, #160900)
• Pale Cornflower Courtyard color palette (#FDD4BE, #00C6A5, #2B8BE4, #A0482D, #002A2E)
• Dusty Lagoon color palette (#EADAE2, #008E66, #00517B, #4A1D00, #001212)
• Frosted Garnet Alley color palette (#C8E7CE, #008889, #005376, #63002A, #002A30)

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