Petrol Study color palette — #E6F2E8 · #86B8DE · #3868AB · #004D5D · #222B50

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

The five colors

• Cream (#E6F2E8): a clean, paper-quiet neutral.
• Sky (#86B8DE): A luminous, dusty blue — the color of open sky before noon.
• Slate (#3868AB): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#004D5D): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#222B50): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, 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

• Wandering Cobalt color palette (#F2E5E9, #89BADD, #3D67B9, #004A50, #140C38)
• Softworn Lagoon color palette (#E7F2E9, #67C2C7, #007589, #005142, #003346)
• Muted Periwinkle color palette (#EDF0E6, #AED9FA, #65A9ED, #008BB4, #062C5E)
• Hushed Cobalt color palette (#F7ECE2, #9ED1C0, #6685C4, #006A74, #2B2752)
• Sunlit Cerulean color palette (#ECF9EE, #77E0F2, #008CB2, #00675F, #074466)
• Worn Harbor color palette (#E6F2E8, #409BBD, #004E78, #002F32, #001330)
• Petrol Dune color palette (#F0F7F1, #DBDDED, #839BBD, #40778A, #495268)
• Muted Lagoon color palette (#DBE9DE, #009F77, #007260, #004B4A, #00363B)

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