Petrol Basin color palette — #DEECEC · #90B9D8 · #306EA9 · #00485F · #001437
A conversation between Slate and Midnight, giving this palette its sense of trust and stability.
The five colors
- Frost (#DEECEC): bright and airy, almost weightless.
- Sky (#90B9D8): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#306EA9): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#00485F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Midnight (#001437): A deep, shadowed, 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 Basin 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
- Hushed Drift color palette (#DDEDEA, #81C0C3, #007986, #004C46, #001A20)
- Aged Petrol Boulevard color palette (#F7ECE3, #94BBAE, #4265AD, #004F55, #2A245A)
- Antique Cobalt Grove color palette (#EDF0E6, #A8CEC1, #458BCC, #006786, #062C5D)
- Hushed Ash color palette (#EBF4F4, #D6D8EC, #829EC6, #4C6F89, #2A374B)
- Dusty Parlor color palette (#D3E3DF, #3D8587, #00444B, #00201C, #000202)
- Aged Olive color palette (#CAEBE3, #628F2E, #007699, #315100, #00151E)
- Softworn Olive color palette (#C8E8E2, #3B7E00, #006B72, #6B4200, #030E00)
- Fern Cabin color palette (#CCF2EA, #A8DAB4, #5CB495, #4D6922, #001E07)
Browse the whole catalog at Explore, or see today's palette.