Petrol Ridge color palette — #DFEEE1 · #79BFD7 · #0073A5 · #004B4C · #001630
A conversation between Slate and Sky, giving this palette its sense of trust and stability.
The five colors
- Honeydew (#DFEEE1): A whisper-light, dusty green — the color of new leaves after rain.
- Sky (#79BFD7): A luminous, dusty blue — the color of open sky before noon.
- Slate (#0073A5): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004B4C): 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
- Timeworn Cobalt color palette (#ECF4ED, #93D1F3, #4480B7, #005A64, #101F3E)
- Aged Petrol color palette (#FBEBE1, #91BDA5, #006EAA, #00504A, #1B2C53)
- Linen Denim Villa color palette (#E6F1E8, #65A3D4, #1A54AA, #003744, #050428)
- Ash Veranda color palette (#EDF4EE, #D4DCF1, #79A1C2, #427383, #28374A)
- Dusty Cerulean color palette (#D8E4DA, #2D9AA6, #005265, #002C26, #00050A)
- Hushed Summit color palette (#EBEEFF, #E7B7F7, #CA87A5, #3F5190, #15112F)
- Patina Amethyst Delta color palette (#E0DEED, #7A28F1, #924600, #005A48, #0D0422)
- Wandering Sapphire Market color palette (#D8E2ED, #3C6FF9, #453AC2, #392475, #200639)
Browse the whole catalog at Explore, or see today's palette.