Petrol Corridor color palette — #CDF4FF · #007F92 · #003C48 · #001215 · #000304
Teal and Deep Teal set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#CDF4FF): A whisper-light, dusty blue — the color of deep harbor water.
- Teal (#007F92): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#003C48): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#001215): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#000304): quiet, heavy and certain.
Feels like: Trust, Stability, Calm, Sophistication, Depth, Luxury. Tagged monochrome, dark, muted, cool.
Use it as a design system
One click turns 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
- Softworn Lagoon color palette (#D7ECE0, #008E6C, #004431, #00190F, #000402)
- Hushed Petrol color palette (#DBEEFF, #1666B0, #002D50, #2A1D24, #000A16)
- Dusty Cerulean Drift color palette (#D3F3FB, #009AB4, #006174, #002830, #000203)
- Softworn Aubergine Parlor color palette (#DBE8F6, #006CB4, #580053, #002848, #050004)
- Misty Market color palette (#F0E1C7, #EE0866, #007E9F, #080F18, #000204)
- Moonless Navy color palette (#E3EAF9, #466BCA, #002898, #030043, #00010A)
- Feathered Indigo color palette (#D1E4E5, #74B3D4, #6F73E2, #00503C, #001921)
- Bronze Lagoon color palette (#DEEFFF, #9F571D, #001E37, #251819, #00050D)
Browse the whole catalog at Explore, or see today's palette.