Petrol Corridor color palette — #F9D7BA · #00A8A3 · #096CB5 · #6E3700 · #002A31

Royal Blue and Turquoise set the tone — five colors that lean into trust and stability.

The five colors

• Peach Cream (#F9D7BA): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Turquoise (#00A8A3): A luminous, balanced teal — the color of shallow lagoons.
• Royal Blue (#096CB5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Bronze (#6E3700): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Midnight (#002A31): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Optimism, Calm, Balance. Tagged retro, cool.

Use it as a design system

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

• Indigo Delta color palette (#EEDCBA, #00A2C7, #5C5EB1, #584500, #002640)
• Hazy Cobalt Coast color palette (#FFEBD7, #36B5BF, #5177B9, #774916, #113928)
• Pale Cobalt Canyon color palette (#FFF1F7, #00BAB4, #006EBA, #623000, #00161B)
• Timeworn Garnet Corridor color palette (#FDD4C0, #00AD76, #00758E, #860F28, #002B26)
• Ultramarine Summit color palette (#EFE6D9, #0090A2, #2F4BB7, #483400, #001925)
• Pale Garnet color palette (#CEE9D7, #0096AE, #9A3D6C, #7D100C, #232000)
• Softworn Petrol color palette (#D5EDE0, #007D9F, #422841, #001C10, #010602)
• Patina Cobalt color palette (#BDEBE3, #79B5D3, #7276A9, #685221, #453404)

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