Petrol Ridge color palette — #F4F6EF · #C1E5DC · #6B8CBA · #25698D · #5A3C56
Built around Peacock, softened by Slate Blue — the whole palette hums with trust and stability.
The five colors
- Ivory (#F4F6EF): bright and airy, almost weightless.
- Silver (#C1E5DC): A whisper-light, dusty teal — the color of sea glass.
- Slate Blue (#6B8CBA): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#25698D): A full-bodied, balanced blue — the color of deep harbor water.
- Cocoa (#5A3C56): A full-bodied, dusty pink — the color of a candy shop window.
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
- Softworn Villa color palette (#F4F6EE, #C8E4D7, #5D91B4, #1A6D80, #1F5247)
- Softworn Iris color palette (#F7F1EA, #C8E3DB, #768BC6, #006A79, #402032)
- Misty Cobalt Courtyard color palette (#F2F8E9, #A4D4FD, #3F82CA, #006183, #223E70)
- Powder Coast color palette (#EFF7F7, #D8DBF1, #98C0F8, #64A0C3, #394860)
- Softworn Petrol color palette (#FFF1F4, #A175AF, #AC6460, #3A6BA0, #4D2D36)
- Cerulean Canyon color palette (#E9ECDF, #4389AC, #004163, #00212A, #000A18)
- Driftwood Garden color palette (#FFF1F3, #E3D7D2, #EEB9CA, #9077A0, #5F4547)
- Denim Ridge color palette (#DFE1D3, #6FA9B8, #00617B, #003D42, #002333)
Browse the whole catalog at Explore, or see today's palette.