Petrol Ridge color palette — #C9F1FA · #007C96 · #00536A · #002638 · #000E1A
A conversation between Teal and Peacock, giving this palette its sense of trust and stability.
The five colors
- Frost (#C9F1FA): A whisper-light, dusty blue — the color of open sky before noon.
- Teal (#007C96): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#00536A): A full-bodied, dusty blue — the color of deep harbor water.
- Midnight (#002638): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#000E1A): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged muted, cool.
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
- Timeworn Lagoon Bloom color palette (#C8F1EA, #008691, #005268, #002E4A, #1C0B41)
- Timeworn Canyon color palette (#DAEEEC, #00A3AE, #006787, #003253, #000A25)
- Worn Cypress color palette (#CCECDC, #007D60, #00574A, #002924, #000B0A)
- Softworn Market color palette (#DFF0FF, #2688D3, #004B7F, #001D33, #000103)
- Tempered Canyon color palette (#D2E9FC, #0073A6, #950383, #003B57, #140010)
- Powdered Ridge color palette (#E0F1FF, #006BB8, #004690, #001561, #06003A)
- Iris Study color palette (#E2F1FF, #93B2DF, #7D8BC8, #004C67, #000F25)
- Patina Chapel color palette (#CDE8FC, #005E8C, #671B9B, #004639, #000409)
Browse the whole catalog at Explore, or see today's palette.