Petrol Ridge color palette — #E7FAF5 · #FFBCB8 · #2E679A · #022949 · #000504

Peacock and Rose Quartz set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#E7FAF5): A whisper-light, dusty teal — the color of shallow lagoons.
• Rose Quartz (#FFBCB8): A whisper-light, dusty orange — the color of autumn markets.
• Peacock (#2E679A): A full-bodied, balanced blue — the color of deep harbor water.
• Midnight (#022949): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000504): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged luxury, dark, 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 Studio color palette (#FFF0FB, #DBD294, #4F6097, #1B2548, #0A0108)
• Patina Corridor color palette (#E0F1FC, #E2C488, #2994BA, #005F7C, #041824)
• Weathered Boulevard color palette (#FEF0FD, #FFDEC6, #5B77A2, #453045, #150B15)
• Tempered Corridor color palette (#DFEDE6, #B99C5D, #004E66, #00202C, #000704)
• Ultramarine Balcony color palette (#FFF0FC, #E4C12D, #304CB4, #070B5E, #00000C)
• Washed Aubergine Bloom color palette (#FFF1F7, #7DD09F, #57408B, #1C0B39, #040002)
• Timeworn Coral color palette (#F7E9F7, #EF7D5A, #00397A, #000719, #030004)
• Airy Villa color palette (#ECF9F1, #80DFFF, #B66DA2, #0083A2, #120002)

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