Petrol Basin color palette — #DCF7E1 · #47968F · #1B6C9A · #2D3500 · #000201
A conversation between Peacock and Fern, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#DCF7E1): A whisper-light, dusty teal — the color of sea glass.
- Fern (#47968F): A luminous, dusty teal — the color of sea glass.
- Peacock (#1B6C9A): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Forest (#2D3500): A deep, shadowed, dusty green — the color of fresh herbs.
- Black (#000201): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged pastel, 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
- Tempered Canyon color palette (#ECE9CF, #719166, #00756A, #462A00, #010200)
- Softworn Ultramarine Coast color palette (#D7F4FF, #2D8FBA, #5856AA, #00402C, #000305)
- Hushed Station color palette (#DBF5F6, #6CA79A, #007879, #00431F, #00150F)
- Lagoon Hollow color palette (#D4F8E6, #72C1B1, #009A9B, #00552A, #000201)
- Cobalt Parlor color palette (#E4F4E6, #71AFAA, #008ABB, #465A00, #000E0A)
- Lowlit Aubergine Harbor color palette (#CFE3E8, #006565, #420056, #002424, #010008)
- Lilac Drift color palette (#E4F5FF, #BDD0FF, #B88BE5, #007677, #001D36)
- Quiet Coast color palette (#D0F8FA, #6AC1EE, #8183D8, #00613B, #000F17)
Browse the whole catalog at Explore, or see today's palette.