Petrol Alley color palette — #F2E5EE · #90BBCB · #007698 · #004D39 · #00172D
Teal and Forest set the tone — five colors that lean into trust and stability.
The five colors
- Blush (#F2E5EE): a clean, paper-quiet neutral.
- Ash (#90BBCB): A luminous, dusty blue — the color of open sky before noon.
- Teal (#007698): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004D39): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Midnight (#00172D): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Dusty Harbor color palette (#F8EEF6, #AECDDC, #3884B1, #005D51, #0D1F3E)
- Ancient Sapphire Cabin color palette (#F3E5E9, #97B7D6, #4763BF, #004A54, #18073B)
- Hushed Archive color palette (#EFE0E8, #69A6BF, #005B99, #003A37, #030131)
- Ancient Archive color palette (#F5F6E9, #B3F3F9, #00A4BA, #006A66, #00232C)
- Antique Loft color palette (#F6F0F4, #D2DCEB, #6AA5C4, #1A7C67, #26374B)
- Tempered Dune color palette (#EFE1E9, #567E94, #003F64, #00201C, #00000D)
- Weathered Atelier color palette (#E8E0FA, #B64EA7, #005E1F, #004F4C, #190016)
- Sunlit Aubergine color palette (#E5E0F4, #B86FB8, #007F38, #620065, #001805)
Browse the whole catalog at Explore, or see today's palette.