Petrol Alley color palette — #F1E9DC · #34AEE7 · #0069B2 · #004952 · #010C3E

Built around Cobalt, softened by Cyan — the whole palette hums with trust and stability.

The five colors

• Parchment (#F1E9DC): a clean, paper-quiet neutral.
• Cyan (#34AEE7): A luminous, balanced blue — the color of open sky before noon.
• Cobalt (#0069B2): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#004952): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#010C3E): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

Use it as a design system

One click turns Petrol Alley 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 Corridor color palette (#F1E9DD, #00B6C7, #00728C, #004B42, #001623)
• Petrol Field color palette (#DFF3F1, #8ABEDD, #006DA7, #003C4A, #000309)
• Navy Workshop color palette (#EBDED4, #6097B6, #004792, #003031, #0E083B)
• Cornflower Courtyard color palette (#FAE9F1, #8AB7D2, #3382E6, #006C6F, #0E0243)
• Cobalt Meadow color palette (#F3EEE5, #94CEE9, #278DD2, #006B73, #162D52)
• Pale Azure Basin color palette (#FDF4E6, #9BE9FF, #00A9E5, #008281, #1E4263)
• Peony Pier color palette (#FFE4EC, #D894DA, #D16484, #5553A0, #1F0927)
• Wandering Turquoise color palette (#F9F4ED, #C6EDE2, #7ABECB, #7C8D6D, #395045)

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