Petrol Ridge color palette — #EDF0DE · #73C4DA · #007290 · #003D41 · #000306
Teal takes the lead with Sky close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#EDF0DE): A whisper-light, dusty green — the color of fresh herbs.
- Sky (#73C4DA): A luminous, balanced blue — the color of open sky before noon.
- Teal (#007290): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#003D41): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#000306): quiet, heavy and certain.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Petrol Ridge 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
- Ultramarine Pier color palette (#ECF0E6, #88BCEF, #0062CD, #003A53, #000016)
- Timeworn Pier color palette (#F3F7E9, #9FD4F2, #0081C3, #004F61, #000D1F)
- Aged Periwinkle color palette (#D2F8E9, #A2D0FF, #799DFF, #006178, #000B07)
- Chalky Loft color palette (#D5EEFF, #006FA0, #7700C1, #004F3E, #000103)
- Timeworn Villa color palette (#DFECE1, #4E95A7, #00506D, #002C2A, #00050D)
- Chalky Byzantium color palette (#D9EEE3, #008BAE, #A000BA, #004355, #030004)
- Aged Archive color palette (#F9E9DF, #38C3DF, #008DC7, #006E5F, #001133)
- Muted Sky color palette (#F4F6EE, #BBE2F1, #40B3E5, #007D8B, #07324A)
Browse the whole catalog at Explore, or see today's palette.