Petrol Ridge color palette — #F9ECE0 · #89B8D8 · #4067A9 · #004F54 · #292850
Slate takes the lead with Deep Indigo close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#F9ECE0): A whisper-light, dusty gold — the color of honey in a jar.
- Sky (#89B8D8): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#4067A9): A full-bodied, balanced violet — the color of twilight just after sunset.
- Forest (#004F54): A deep, shadowed, dusty blue — the color of deep harbor water.
- Deep Indigo (#292850): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, 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
- Petrol Bloom color palette (#F6ECE7, #94BDA0, #00719A, #005142, #082E57)
- Antique Terrace color palette (#DFECEB, #96B8D4, #006FB5, #00485D, #001532)
- Ancient Parlor color palette (#ECDBD3, #71AAAD, #006179, #00402B, #002139)
- Tempered Garden color palette (#DDFDF1, #C3CAFF, #BA7FB9, #006A72, #1E3458)
- Ancient Cerulean Villa color palette (#FDF3EE, #9FDAE2, #008CB5, #006950, #034172)
- Antique Navy Workshop color palette (#C3EFF0, #009BB7, #006289, #003B84, #21265F)
- Muted Periwinkle color palette (#F7EAEF, #ACDAF9, #6CA3FF, #008F98, #29284F)
- Navy Field color palette (#D9E7FF, #6994E2, #0F49A8, #002855, #001631)
Browse the whole catalog at Explore, or see today's palette.