Petrol Hollow color palette — #FCF4E8 · #75C5DD · #0077A5 · #005655 · #00345D
A conversation between Cerulean and Navy, giving this palette its sense of trust and stability.
The five colors
- Ivory (#FCF4E8): a clean, paper-quiet neutral.
- Sky (#75C5DD): A luminous, balanced blue — the color of open sky before noon.
- Cerulean (#0077A5): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#005655): A full-bodied, dusty teal — the color of glacier melt.
- Navy (#00345D): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. 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
- Softworn Courtyard color palette (#FFF4E2, #8DBDE9, #2A65D9, #005367, #27276D)
- Feathered Cobalt color palette (#FDEFE7, #73C9E2, #0076C0, #005340, #110156)
- Hushed Cerulean Market color palette (#FEF4E4, #95DEDA, #00909E, #00694D, #004759)
- Aged Denim color palette (#F1EADE, #6FA8BE, #005D8B, #003D40, #001E43)
- Quiet Sky color palette (#EBFAED, #99E7FF, #1BB8FA, #009796, #00345D)
- Linen Cornflower Station color palette (#FFF0F9, #8ED8ED, #0092EA, #00755B, #22217C)
- Petrol Parlor color palette (#FAF4EC, #C2E6D8, #638EBC, #006F7E, #593D55)
- Nightshade Delta color palette (#F3EADD, #5C94C7, #043DA9, #002E3B, #0D0343)
Browse the whole catalog at Explore, or see today's palette.