Petrol Study color palette — #E4FBF3 · #FFBEAF · #296A91 · #002B43 · #000503

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

The five colors

• Ivory (#E4FBF3): A whisper-light, dusty teal — the color of shallow lagoons.
• Rose Quartz (#FFBEAF): A whisper-light, dusty orange — the color of toasted spice.
• Peacock (#296A91): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#002B43): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000503): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Petrol Study 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

• Aged Denim color palette (#FFF0FD, #EDCB8C, #4261A2, #162648, #080108)
• Worn Chapel color palette (#FCF1FC, #FFDFC0, #5778A5, #223957, #160B16)
• Weathered Jade color palette (#DFEDE5, #7AB077, #004E63, #00202B, #000703)
• Hushed Cerulean color palette (#E2F1FB, #AAD6A9, #2995B8, #185F76, #011926)
• Washed Coral Thicket color palette (#E4F0FB, #D48275, #00476D, #00243A, #0D0F1C)
• Pale Ultramarine Workshop color palette (#FFF0FB, #D9C600, #3949B7, #0F0660, #040003)
• Timeworn Indigo color palette (#FFF1F6, #B0EC97, #7655AF, #352058, #15010A)
• Antique Aubergine color palette (#FFF1F5, #A3C984, #653984, #220C30, #040001)

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