Petrol Basin color palette — #ECF9F3 · #A2D3A8 · #217BA4 · #19485F · #192520
Cerulean and Pistachio set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#ECF9F3): a clean, paper-quiet neutral.
- Pistachio (#A2D3A8): A whisper-light, dusty green — the color of fresh herbs.
- Cerulean (#217BA4): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#19485F): A deep, shadowed, dusty blue — the color of deep harbor water.
- Onyx (#192520): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged luxury, dark, 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
- Cypress Lantern color palette (#EFF8EC, #B9CD99, #008477, #334A2B, #1C2519)
- Ancient Sand Thicket color palette (#EDF7FF, #EDD299, #689BBF, #4A667E, #19232B)
- Hushed Lagoon color palette (#FEF0FD, #F0DAC1, #5E779F, #482E47, #140C14)
- Dusty Courtyard color palette (#FEF0FA, #F6ADB8, #5C6AB8, #384064, #281E25)
- Washed Lilac color palette (#FAF3F8, #AEC2FC, #AE74C8, #647CC7, #2E1F23)
- Ancient Ash color palette (#F9F3F7, #E4D7D7, #D0BCBA, #868BB9, #4F444B)
- Weathered Orchard color palette (#DAEFE9, #009D59, #003A63, #001021, #000202)
- Chalky Ultramarine Summit color palette (#F5DBF3, #00C98F, #004AD2, #002570, #190818)
Browse the whole catalog at Explore, or see today's palette.