Petrol Ridge color palette — #DFECEB · #83BCD8 · #0073A7 · #004957 · #00172C
A conversation between Slate and Sky, giving this palette its sense of trust and stability.
The five colors
- Frost (#DFECEB): bright and airy, almost weightless.
- Sky (#83BCD8): A luminous, dusty blue — the color of open sky before noon.
- Slate (#0073A7): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#004957): A deep, shadowed, dusty blue — the color of deep harbor water.
- Ink (#00172C): 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
- Muted Cobalt Summit color palette (#EAF4F4, #ABCCE8, #317FC8, #005773, #0B213C)
- Cypress Boulevard color palette (#D8E5E2, #6AA9A7, #00656A, #003A32, #000D11)
- Navy Basin color palette (#D6E6E5, #4F7CA7, #00397A, #001D2C, #00000C)
- Mulberry Drift color palette (#F1E7F8, #C1518B, #006BC3, #800051, #001229)
- Weathered Tangerine color palette (#F8DCFB, #FFB0AE, #E77B50, #984064, #2A122C)
- Patina Bronze Field color palette (#F6DAE4, #AC7B3A, #7B4600, #4E2300, #001303)
- Airy Cabin color palette (#EEE3EE, #C0243D, #785900, #6B238B, #160216)
- Mulberry Balcony color palette (#F8E6F5, #BF55A3, #980067, #630037, #340014)
Browse the whole catalog at Explore, or see today's palette.