Petrol Hollow color palette — #FDEEE7 · #76CADB · #007BAB · #005345 · #00193C
Cerulean and Sky set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#FDEEE7): a clean, paper-quiet neutral.
- Sky (#76CADB): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#007BAB): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#005345): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#00193C): A deep, shadowed, dusty 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
- Aqua Market color palette (#F5F7E3, #4CCBE1, #007A94, #005557, #00394C)
- Sapphire Summit color palette (#FFEFE0, #87C3EE, #3069DD, #005157, #19034E)
- Worn Cornflower Boulevard color palette (#F8F0E9, #ADDBCD, #587CDF, #00606C, #251850)
- Dusty Cerulean Loft color palette (#FFF0FB, #68DEF4, #0098D0, #007461, #073263)
- Wandering Station color palette (#F2E5DF, #80A790, #005E8D, #003A34, #00052C)
- Softworn Turquoise Terrace color palette (#E4FBF7, #C4E1F8, #00ABCE, #007274, #002938)
- Weathered Navy color palette (#EADCD1, #517F99, #003979, #001F20, #01000B)
- Quiet Teal Canyon color palette (#92FFDE, #00B995, #00715C, #003124, #000A06)
Browse the whole catalog at Explore, or see today's palette.