Petrol Hollow color palette — #F8F5EE · #C9E7E7 · #759EC1 · #227C85 · #5F4B5E

Teal and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F8F5EE): bright and airy, almost weightless.
• Silver (#C9E7E7): A whisper-light, dusty teal — the color of glacier melt.
• Blue Fog (#759EC1): A luminous, dusty blue — the color of deep harbor water.
• Teal (#227C85): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal Brown (#5F4B5E): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

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

• Muted Cypress Meadow color palette (#F7F0EC, #C8E3E3, #829DC8, #2B796F, #442E3B)
• Dusty Cypress color palette (#F8F5EF, #C9E7E4, #77A592, #007F7D, #30524A)
• Patina Powder color palette (#FAF3F6, #D9DFEE, #8BB3EC, #4A9689, #4B5268)
• Denim Station color palette (#E9E2D7, #6AA9C1, #005D8B, #003D40, #001E43)
• Cobalt Drift color palette (#FFF2EF, #BF8495, #819250, #367DAC, #573A35)
• Petrol Quarry color palette (#F5EDE1, #9CBAA1, #00748B, #005145, #003248)
• Timeworn Driftwood Balcony color palette (#FFF2EF, #E1D9CF, #ACB7C3, #AF7A9D, #674D45)
• Navy Harbor color palette (#E6DFD5, #5D85A3, #003A7A, #002129, #03002E)

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