Petrol Ridge color palette — #EEE6EC · #80BFCA · #00759C · #004D3D · #001630
Teal takes the lead with Forest close behind in a set that reads as trust and stability at first glance.
The five colors
- Blush (#EEE6EC): bright and airy, almost weightless.
- Ash (#80BFCA): A luminous, dusty blue — the color of open sky before noon.
- Teal (#00759C): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004D3D): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Midnight (#001630): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Ancient Garden color palette (#E4F2EF, #70C0CC, #00758A, #00504F, #003343)
- Softworn Garden color palette (#F7EFF4, #ADCDDE, #3283B7, #005C53, #0E1F40)
- Washed Archive color palette (#EBDBE3, #7FA1B9, #0058A4, #003939, #060030)
- Wandering Navy Basin color palette (#E9DAE3, #3F829B, #003E69, #001F1E, #00000C)
- Tempered Jade Alley color palette (#D4EADF, #38AA7F, #006C49, #003022, #000603)
- Quiet Studio color palette (#C3F0EC, #85D5C9, #4AA6DF, #5D6100, #001E17)
- Airy Grape color palette (#CCE9EB, #007E61, #8629A8, #8B0050, #000F09)
- Olive Cabin color palette (#E6E6CE, #69891A, #006621, #003925, #001B18)
Browse the whole catalog at Explore, or see today's palette.