Petrol Hollow color palette — #F1F7F2 · #D8DDEE · #7E9CBD · #2B7B88 · #44536B
Teal and Blue Fog set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#F1F7F2): a clean, paper-quiet neutral.
- Silver (#D8DDEE): A whisper-light, dusty violet — the color of twilight just after sunset.
- Blue Fog (#7E9CBD): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#2B7B88): A full-bodied, dusty blue — the color of open sky before noon.
- Peacock (#44536B): A full-bodied, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, 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
- Timeworn Periwinkle color palette (#F7EFF2, #D8D1E4, #829CCF, #257A73, #30354A)
- Ancient Powder color palette (#FAF4EF, #C3E1F0, #90B1EE, #52948C, #634A57)
- Hushed Petrol color palette (#E8F1EA, #8EB9CA, #007391, #005049, #00324C)
- Abyss Corridor color palette (#E2EFE5, #629B99, #00545D, #003123, #00171F)
- Cerulean Market color palette (#EEF8F0, #A4D8E8, #008FA4, #006954, #00475E)
- Cobalt Grove color palette (#FCF0FF, #BE8690, #79954F, #3C7BB1, #4B3C4F)
- Antique Plum Canyon color palette (#FAF2FE, #D89CAE, #5CAA96, #AE4D6F, #1F584B)
- Misty Navy color palette (#E3EEE5, #5A85AB, #05328B, #00212B, #06002B)
Browse the whole catalog at Explore, or see today's palette.