Petrol Ridge color palette — #EEEFE5 · #70C7CF · #007485 · #003E3C · #000305

Built around Teal, softened by Aqua — the whole palette hums with trust and stability.

The five colors

• Cream (#EEEFE5): bright and airy, almost weightless.
• Aqua (#70C7CF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#007485): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#003E3C): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000305): a grounded near-black with real depth.

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

• Sapphire Workshop color palette (#EBF1E0, #7FBDF3, #0066C0, #003A51, #000110)
• Cerulean Chapel color palette (#F4F6ED, #87DAF4, #0086AF, #005058, #000E19)
• Cerulean Corridor color palette (#D9E5DB, #4099A0, #005263, #002C25, #00050A)
• Tempered Basin color palette (#F5E1D8, #5DC2CA, #0090B6, #007052, #001528)
• Turquoise Quarry color palette (#F5F7E6, #CEE8FE, #00AAD2, #007177, #002939)
• Weathered Garnet color palette (#F8EED6, #766700, #00694A, #7D1500, #020100)
• Pale Station color palette (#EADFCD, #9D7800, #B5007D, #4C3800, #040002)
• Bronze Grove color palette (#F9EEE3, #AF7000, #734F00, #2E2200, #070400)

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