Petrol Ridge color palette — #F4F7EE · #C6E4DA · #6B8EB2 · #276A85 · #583D57
Built around Peacock, softened by Slate Blue — the whole palette hums with trust and stability.
The five colors
- Ivory (#F4F7EE): bright and airy, almost weightless.
- Silver (#C6E4DA): A whisper-light, dusty teal — the color of sea glass.
- Slate Blue (#6B8EB2): A luminous, dusty blue — the color of a favorite pair of jeans.
- Peacock (#276A85): A full-bodied, dusty blue — the color of deep harbor water.
- Charcoal (#583D57): A full-bodied, dusty pink — the color of neon signs at night.
Feels like: Trust, Stability, 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
- Cerulean Hollow color palette (#F4F6ED, #C7E4D7, #5B91B5, #286C7C, #1D5247)
- Antique Workshop color palette (#F6F1EC, #C7E4DA, #748DBF, #006B74, #3E2133)
- Dusty Powder Balcony color palette (#EFF7F7, #D6DBF2, #8FC2F7, #5EA2C0, #38495F)
- Denim Alley color palette (#EBECE1, #5EACBA, #006276, #003E3F, #002330)
- Dusty Cerulean color palette (#EBEEE1, #418BA7, #00425E, #002128, #000A16)
- Ancient Emerald Balcony color palette (#F5F8DB, #609A4E, #008B97, #886025, #383932)
- Olive Harbor color palette (#F6F7E7, #87AC73, #3395BF, #447426, #004963)
- Petrol Quarry color palette (#ECF0E5, #91B5D8, #3769A9, #004B69, #152A5C)
Browse the whole catalog at Explore, or see today's palette.