Tempered Petrol Alley color palette — #E9F6EB · #7FC9D3 · #007E9B · #005348 · #001D2D
Built around Cerulean, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Cream (#E9F6EB): bright and airy, almost weightless.
- Sky (#7FC9D3): A luminous, dusty blue — the color of open sky before noon.
- Cerulean (#007E9B): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#005348): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#001D2D): 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 Tempered 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
- Frosted Ridge color palette (#EAF5EC, #7FC4F1, #2072C6, #00505C, #060B50)
- Chalky Navy Terrace color palette (#FFF2ED, #66C9D6, #0077A7, #005938, #0E2A74)
- Dusty Cerulean Pier color palette (#FFF4E3, #8FD9E2, #009CBE, #007466, #003751)
- Patina Navy color palette (#DCE5DD, #4C8097, #003F64, #001F21, #000106)
- Aged Denim Ridge color palette (#D9E4DB, #64A8B6, #00617E, #003A36, #000C18)
- Airy Harbor color palette (#E8E4D2, #847100, #007186, #8D0077, #120E00)
- Azure Studio color palette (#FFF0FC, #C3FAFF, #00A7E1, #007745, #001D5D)
- Lapis Basin color palette (#D9EADE, #A48200, #4F51FE, #5E4900, #0D004D)
Browse the whole catalog at Explore, or see today's palette.