Petrol Corridor color palette — #F4F6EF · #C6E4D9 · #698EB0 · #126C87 · #553E57

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

The five colors

• Ivory (#F4F6EF): bright and airy, almost weightless.
• Silver (#C6E4D9): A whisper-light, dusty teal — the color of sea glass.
• Slate Blue (#698EB0): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#126C87): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#553E57): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

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

• Aged Cypress Orchard color palette (#F7F0EB, #C4E5D9, #728EBD, #006B72, #3F2035)
• Cerulean Chapel color palette (#FEF0FF, #EAD3D7, #C1C2EE, #5A86A3, #5F495D)
• Airy Cobalt color palette (#FDF0FF, #4D8CCD, #9466A6, #00796F, #442F47)
• Washed Cobalt Ridge color palette (#AEEBFF, #5EB9DD, #2483B3, #0E5C8A, #3E4064)
• Hushed Ridge color palette (#FBF2F6, #D6DEFC, #85A6DB, #008B93, #3B4667)
• Wandering Coast color palette (#E8FAF2, #62A9CE, #689957, #006F97, #314A28)
• Dusty Denim Bloom color palette (#E8E9DB, #6DAAB3, #006273, #003E3D, #00242F)
• Timeworn Cerulean Atelier color palette (#E3E7D5, #468BA2, #00425B, #002226, #000B15)

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