Petrol Ridge color palette — #EBF4F3 · #D1DBEF · #7CA2BB · #35767F · #22394A
Built around Teal, softened by Blue Fog — the whole palette hums with trust and stability.
The five colors
- Ivory (#EBF4F3): a clean, paper-quiet neutral.
- Powder Blue (#D1DBEF): A whisper-light, dusty violet — the color of twilight just after sunset.
- Blue Fog (#7CA2BB): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#35767F): A full-bodied, dusty blue — the color of open sky before noon.
- Deep Teal (#22394A): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Denim Market color palette (#CDE5E2, #5FA8BC, #00617D, #00393D, #000C16)
- Antique Petrol color palette (#DDEDEA, #7CC1C2, #007A83, #004C44, #001A1F)
- Timeworn Loft color palette (#FAF4F0, #CBE6E5, #7A9EBC, #1B7F76, #614A5E)
- Washed Navy Market color palette (#D6EBE9, #4D7F9B, #003F63, #001E26, #000104)
- Wandering Pewter Meadow color palette (#F4EFFC, #D4A1C3, #6DA2CD, #995886, #15334C)
- Stone Workshop color palette (#F8EDFD, #ECD0DA, #E4B4BE, #9684A5, #453A47)
- Aged Cobalt Canyon color palette (#E5F6F5, #B3D4F3, #3784DB, #005D7F, #092151)
- Hushed Taupe Coast color palette (#F9ECFF, #CA859A, #B28251, #7A719C, #2D2331)
Browse the whole catalog at Explore, or see today's palette.