Petrol Hollow color palette — #E5DFD5 · #68ABD0 · #0068B4 · #004952 · #020B3F

Built around Cobalt, softened by Deep Indigo — the whole palette hums with trust and stability.

The five colors

• Bone (#E5DFD5): bright and airy, almost weightless.
• Cyan (#68ABD0): A luminous, balanced blue — the color of open sky before noon.
• Cobalt (#0068B4): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#004952): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Indigo (#020B3F): 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 Hollow 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

• Weathered Petrol Drift color palette (#E8DFD0, #65AFB9, #00718D, #004B42, #001624)
• Washed Petrol Pier color palette (#E1F2F1, #7CC0E9, #006CAA, #003B4B, #000209)
• Cornflower Atelier color palette (#F1DCE4, #79B9DD, #3182E5, #006C6F, #0D063E)
• Frosted Navy color palette (#F4E2D3, #229AD2, #1E4296, #00302D, #170439)
• Soft Lantern color palette (#F4EEE4, #96CDE9, #008CDD, #006B74, #172D52)
• Azure Thicket color palette (#FBF4E9, #A1E7FD, #00A8E6, #008282, #204262)
• Feathered Terrace color palette (#DEEACE, #537200, #005F9A, #8B003D, #050900)
• Gentle Grape Cabin color palette (#E5DFBF, #7F9222, #6E00C8, #404B00, #160031)

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