Petrol Alley color palette — #EDF8F7 · #CBDFF1 · #6B8EB2 · #216B87 · #344964
Peacock and Slate Blue set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#EDF8F7): a clean, paper-quiet neutral.
- Powder Blue (#CBDFF1): A whisper-light, dusty blue — the color of deep harbor water.
- Slate Blue (#6B8EB2): A luminous, dusty blue — the color of a favorite pair of jeans.
- Peacock (#216B87): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#344964): A full-bodied, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
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
- Quiet Hollow color palette (#E5FAF9, #99D7FD, #2985C7, #00637B, #1D4169)
- Worn Denim Workshop color palette (#D4EAE6, #6FAAB3, #006274, #003E3E, #00232F)
- Weathered Lagoon color palette (#FBF4ED, #C6E4E7, #8AA5D7, #008B96, #44426A)
- Wandering Abyss color palette (#D8EBE9, #4C89A2, #00425D, #002127, #000A16)
- Timeworn Petrol Station color palette (#E0F3F2, #8CB6DE, #3F69A1, #004B69, #152A5D)
- Bronze Thicket color palette (#DDFEF5, #739647, #008D8D, #96580A, #203F38)
- Pewter Thicket color palette (#FFF1F7, #C09BA9, #8D6478, #67455A, #31432F)
- Soft Olive color palette (#E9E6B7, #ABB05E, #738430, #4D6314, #1C5148)
Browse the whole catalog at Explore, or see today's palette.