Petrol Ridge color palette — #D9EDFC · #006B94 · #052843 · #021523 · #03040A

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

The five colors

• Frost (#D9EDFC): A whisper-light, dusty blue — the color of deep harbor water.
• Peacock (#006B94): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#052843): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#021523): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#03040A): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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

• Moonless Lapis Station color palette (#E6EBFA, #5852B7, #291E41, #0D1324, #04030A)
• Azure Pier color palette (#E0F1FD, #00A9DF, #56617A, #2F3F4A, #021014)
• Cerulean Delta color palette (#D1EFE1, #008CBB, #50364C, #10271E, #080F09)
• Ancient Cobalt color palette (#EEF1FE, #7B73B1, #383955, #252833, #161419)
• Plum Hollow color palette (#DBE4FF, #756BC4, #B33176, #00657C, #222946)
• Charred Drift color palette (#D4E4FE, #1200AE, #1A121D, #070027, #00010A)
• Midnight Lapis color palette (#E8EBF9, #4A10F0, #240354, #080827, #03010A)
• Nocturne Aubergine color palette (#EAE6FF, #860098, #251B16, #300529, #0A051A)

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