Petrol Ridge color palette — #EBF2FD · #ABCEB2 · #4F6184 · #253244 · #0F141B
Built around Graphite, softened by Pistachio — the whole palette hums with nature and growth.
The five colors
- Ivory (#EBF2FD): bright and airy, almost weightless.
- Pistachio (#ABCEB2): A luminous, dusty teal — the color of sea glass.
- Graphite (#4F6184): A full-bodied, dusty violet — the color of twilight just after sunset.
- Deep Teal (#253244): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#0F141B): a grounded near-black with real depth.
Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, 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
- Washed Denim Chapel color palette (#FBF2FA, #D5BC98, #4A5D85, #283858, #322731)
- Patina Stone Grove color palette (#F3EFFE, #CAB078, #694767, #2B2040, #0E0918)
- Driftwood Lagoon color palette (#F1F5FD, #B7E7F0, #7387A5, #364760, #161C24)
- Softworn Garden color palette (#EFF2F9, #B6BFF6, #AA6C8C, #646CA5, #19131F)
- Wandering Canyon color palette (#F0F1F9, #DAD4DA, #B4A9AB, #7B80A3, #35363C)
- Timeworn Delta color palette (#E6F7E9, #B79ED6, #936A81, #2F5C4D, #2C293D)
- Worn Iris color palette (#ECF2FD, #7E92CF, #A57855, #596439, #1A2332)
- Softworn Aubergine color palette (#DEE1F1, #AA883C, #412372, #160630, #010109)
Browse the whole catalog at Explore, or see today's palette.