Petrol Basin color palette — #F0F7F3 · #BFC49C · #306678 · #1F4030 · #182828
Peacock takes the lead with Pistachio close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#F0F7F3): a clean, paper-quiet neutral.
- Pistachio (#BFC49C): A luminous, dusty green — the color of a quiet forest floor.
- Peacock (#306678): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Forest (#1F4030): A deep, shadowed, dusty teal — the color of sea glass.
- Onyx (#182828): A deep, shadowed, dusty teal — the color of shallow lagoons.
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
- Muted Bloom color palette (#FBF2FA, #B9C6A7, #485E85, #25385A, #322731)
- Worn Cabin color palette (#EEF7FB, #C8E9BD, #72A8B7, #547281, #222D33)
- Tempered Cerulean Delta color palette (#EEF6FD, #F8C2B8, #5383A4, #335068, #242C33)
- Antique Petrol Villa color palette (#F9F3F9, #A7C2E9, #8570AF, #416EAC, #38292F)
- Nocturne Forest color palette (#D6E8E1, #1C7039, #20252C, #001724, #000306)
- Washed Ridge color palette (#E4FBF5, #5FB785, #004A80, #002849, #00211A)
- Timeworn Bloom color palette (#F2F7EF, #529085, #945C27, #584E00, #32342D)
- Washed Workshop color palette (#F9F3F8, #DFD7D8, #B2ACA2, #6B80B6, #575055)
Browse the whole catalog at Explore, or see today's palette.