Petrol Ridge color palette — #E3F1FF · #1869AE · #681700 · #0D3B00 · #001B35
Peacock takes the lead with Oxblood close behind in a set that reads as nature and growth at first glance.
The five colors
- Frost (#E3F1FF): A whisper-light, dusty blue — the color of deep harbor water.
- Peacock (#1869AE): A full-bodied, balanced blue — the color of deep harbor water.
- Oxblood (#681700): A deep, shadowed, balanced orange — the color of autumn markets.
- Forest (#0D3B00): A deep, shadowed, balanced green — the color of fresh herbs.
- Midnight (#001B35): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant.
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
- Sapphire Orchard color palette (#D8EAFF, #006BD4, #900027, #0C3E01, #002A2D)
- Softworn Garnet Studio color palette (#E9F8FF, #006376, #7D0031, #2F2E00, #001C23)
- Wandering Aubergine color palette (#E8E9FC, #6C39A2, #503800, #003430, #121228)
- Gentle Hollow color palette (#F1F5FF, #604BEB, #794700, #00493A, #1C1C40)
- Powdered Canyon color palette (#FFEAFC, #0055DF, #7F0062, #00332D, #00070D)
- Worn Thicket color palette (#F0F5FF, #CFD0E7, #C595BB, #464BB0, #2A3346)
- Worn Plum color palette (#EBF5FF, #007DE5, #A4009F, #005546, #001921)
- Dusty Terracotta color palette (#F2F5FE, #7F7EC6, #9F4B2D, #265D33, #2B313D)
Browse the whole catalog at Explore, or see today's palette.