Petrol Study color palette — #F8EAF1 · #77BCD9 · #006BB3 · #00504D · #1E2A57

Royal Blue and Navy set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F8EAF1): bright and airy, almost weightless.
• Sky (#77BCD9): A luminous, balanced blue — the color of a favorite pair of jeans.
• Royal Blue (#006BB3): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#00504D): A deep, shadowed, dusty teal — the color of glacier melt.
• Navy (#1E2A57): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Hushed Petrol Thicket color palette (#F6EAF2, #74C1C0, #00748A, #005332, #00324B)
• Washed Petrol Coast color palette (#E8EBDF, #79BEDC, #0073A4, #004956, #00172B)
• Cobalt Harbor color palette (#FEF1F6, #A8CAE4, #4777C3, #005F64, #34365D)
• Washed Nightshade Grove color palette (#D8E3D7, #71A3D3, #364AB1, #003D46, #211444)
• Linen Forest Drift color palette (#FDF1F9, #9BDCDB, #008EA8, #006A42, #064565)
• Muted Field color palette (#F7EDDF, #A9DCF2, #5FACE5, #009098, #0A2D5A)
• Dusty Cerulean color palette (#F1E4EE, #469DAC, #00506F, #003127, #00132E)
• Periwinkle Study color palette (#FAF3F6, #D8DEEF, #719CD0, #377B7B, #4A5265)

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