Petrol Basin color palette — #F0F3E9 · #5EB584 · #006BA2 · #00663C · #000906
Built around Peacock, softened by Jade — the whole palette hums with nature and growth.
The five colors
- Cream (#F0F3E9): bright and airy, almost weightless.
- Jade (#5EB584): A luminous, balanced teal — the color of glacier melt.
- Peacock (#006BA2): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#00663C): A full-bodied, balanced teal — the color of sea glass.
- Ink (#000906): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone.
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
- Patina Fern color palette (#F3F2E9, #91AB62, #007376, #475F00, #000901)
- Aged Dune color palette (#EAF9F5, #83A761, #005BB5, #385B00, #0B192A)
- Muted Cobalt Boulevard color palette (#EFF3ED, #86C1B4, #5374B1, #007565, #170716)
- Antique Basin color palette (#D4EAE1, #42AFAB, #007383, #004053, #00162C)
- Misty Garnet Corridor color palette (#F5E7D2, #009F93, #006581, #65103C, #001D1E)
- Washed Pine Corridor color palette (#EDF8F7, #65CD93, #008EAE, #008851, #091B23)
- Soft Villa color palette (#E5F1E6, #00A9B1, #5728DB, #00575C, #030016)
- Amethyst Drift color palette (#E5F7EF, #3BB4EE, #6F4BD1, #00638A, #0B0222)
Browse the whole catalog at Explore, or see today's palette.