Petrol Ridge color palette — #EEF7F6 · #D3DDEE · #6DA2B8 · #377A81 · #3D5668

A conversation between Teal and Blue Fog, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EEF7F6): bright and airy, almost weightless.
• Silver (#D3DDEE): A whisper-light, dusty violet — the color of twilight just after sunset.
• Blue Fog (#6DA2B8): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#377A81): A full-bodied, dusty blue — the color of open sky before noon.
• Peacock (#3D5668): A full-bodied, dusty blue — the color of a favorite pair of jeans.

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

• Patina Lagoon Loft color palette (#E3FAFD, #CCDDEA, #ABC6E6, #5C9192, #3F5458)
• Cypress Study color palette (#F6F0F4, #D5D2E8, #7FA0BC, #2F796E, #253750)
• Hushed Denim Bloom color palette (#D5E2E0, #61ABBC, #006179, #003D40, #002332)
• Worn Thicket color palette (#E2FBFC, #58AA8D, #5D91AE, #7E7843, #2C484A)
• Timeworn Abyss Atelier color palette (#D6E5E4, #4E89A4, #004160, #002129, #000A17)
• Tempered Lagoon Veranda color palette (#D6FFF9, #91C195, #59976E, #337257, #35586A)
• Cobalt Workshop color palette (#E4FAF9, #A6D4F7, #3883C8, #00627F, #193F73)
• Aged Abyss Atelier color palette (#E0FBFF, #9BDBC8, #4C9685, #025D4B, #003E34)

Browse the whole catalog at Explore, or see today's palette.