Petrol Study color palette — #D3E4DF · #0070B1 · #006B2A · #00395E · #000B02
A conversation between Slate and Pine, giving this palette its sense of nature and growth.
The five colors
- Silver (#D3E4DF): a clean, paper-quiet neutral.
- Slate (#0070B1): A full-bodied, balanced blue — the color of open sky before noon.
- Pine (#006B2A): A full-bodied, balanced green — the color of fresh herbs.
- Navy (#00395E): A deep, shadowed, balanced blue — the color of open sky before noon.
- Ink (#000B02): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.
Use it as a design system
One click turns Petrol Study 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
- Frosted Aubergine color palette (#CEE8DA, #007696, #861F95, #003C4F, #120016)
- Hushed Ultramarine color palette (#E5EBFE, #3C45C9, #005646, #190080, #000402)
- Pine Station color palette (#D9ECFF, #088CDE, #008C3C, #00568C, #002209)
- Muted Ultramarine Study color palette (#D6E5FF, #0049CB, #7C057F, #004545, #000213)
- Aged Azure color palette (#D2F8EC, #2599E6, #997400, #005281, #0C0700)
- Tempered Field color palette (#DEECFF, #316AC5, #8B4100, #00337F, #2E1100)
- Petrol Lantern color palette (#FAEDF9, #7FA5E1, #4DA07A, #3D63A4, #00301E)
- Patina Olive Orchard color palette (#EDE8D9, #6C7938, #464700, #292300, #030700)
Browse the whole catalog at Explore, or see today's palette.