Tempered Petrol Corridor color palette — #E1ECEA · #90BBCB · #00788A · #004B48 · #001921
Teal and Forest set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#E1ECEA): a clean, paper-quiet neutral.
- Ash (#90BBCB): A luminous, dusty blue — the color of open sky before noon.
- Teal (#00788A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004B48): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#001921): A deep, shadowed, 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 Tempered 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
- Petrol Study color palette (#DCEDEC, #99B7D3, #306CB1, #004762, #021239)
- Worn Cerulean color palette (#EBF4F3, #A9CEDF, #0089AB, #005B60, #002434)
- Denim Orchard color palette (#D9E5E4, #7AA2BB, #006085, #003841, #000C18)
- Wandering Pier color palette (#DFEEED, #4A8193, #004259, #001F23, #000103)
- Worn Canyon color palette (#C6EBFD, #00788B, #4E45C7, #005D1F, #000D11)
- Hushed Workshop color palette (#D2EAF6, #008FA5, #8C41B8, #00505D, #1E002F)
- Weathered Thicket color palette (#F2D5DF, #A57E46, #794800, #4D2500, #150D00)
- Dusty Balcony color palette (#E1ECE9, #8DBCC8, #007A80, #004C41, #001A1E)
Browse the whole catalog at Explore, or see today's palette.