Petrol Ridge color palette — #F7E8DF · #6AC2C1 · #00829A · #005D38 · #002235
Cerulean takes the lead with Pine close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#F7E8DF): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Mint Leaf (#6AC2C1): A luminous, balanced teal — the color of shallow lagoons.
- Cerulean (#00829A): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#005D38): A full-bodied, balanced teal — the color of glacier melt.
- Midnight (#002235): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. 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
- Powdered Workshop color palette (#EEE1D8, #7EBBD4, #0079C6, #005955, #0E194A)
- Tempered Cerulean color palette (#EDF9EF, #89DDDB, #008A9A, #00533F, #000F16)
- Worn Lagoon color palette (#D5E3E0, #20B4B3, #00646A, #003F36, #00242A)
- Antique Pine color palette (#F7EBF8, #89CECE, #00A1CA, #008334, #001F41)
- Quiet Cornflower Studio color palette (#FFF2EA, #84D8FA, #0091EE, #00736E, #202E63)
- Patina Lagoon color palette (#FBF3F0, #CCEFD3, #56B1D6, #248E6F, #295047)
- Worn Parlor color palette (#FDF3ED, #B8DFCA, #539CD6, #007D74, #4B3047)
- Muted Villa color palette (#EEE5DC, #6297CA, #384BB2, #003A44, #0C0026)
Browse the whole catalog at Explore, or see today's palette.