Petrol Ridge color palette — #ABF0FF · #5BACD4 · #3671A7 · #4B2E5A · #260823

Slate and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Sea Foam (#ABF0FF): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#5BACD4): A luminous, balanced blue — the color of deep harbor water.
• Slate (#3671A7): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Royal Purple (#4B2E5A): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#260823): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged vintage, retro, muted, cool.

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

• Gentle Teal color palette (#CEE9E2, #4ABCBD, #007F95, #3A3C71, #1E0E33)
• Tempered Garnet Courtyard color palette (#D8E7FA, #909FDA, #7262A0, #6F2A49, #230E24)
• Basalt Garden color palette (#D4E5F2, #5C8ECB, #515A92, #531545, #1E000C)
• Cerulean Harbor color palette (#DEEEF3, #009EC3, #006C90, #003753, #000C19)
• Periwinkle Market color palette (#EEF6FF, #5CACFF, #0065B2, #002346, #000104)
• Washed Raspberry Alley color palette (#E0F0FF, #009AE9, #C62BA6, #00527F, #14000F)
• Chalky Turquoise Thicket color palette (#D4FAE8, #17B3C6, #657EBF, #7F5539, #3C1A00)
• Timeworn Terrace color palette (#ECF8F7, #A3D3EF, #0081C4, #004F61, #000D1F)

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