Petrol Basin color palette — #FCF0DF · #81CBC7 · #00818D · #00543D · #001E27
A conversation between Teal and Forest, giving this palette its sense of trust and stability.
The five colors
- Cream (#FCF0DF): A whisper-light, dusty gold — the color of old brass.
- Mint Leaf (#81CBC7): A luminous, dusty teal — the color of sea glass.
- Teal (#00818D): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#00543D): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Midnight (#001E27): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, 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
- Aged Forest Archive color palette (#FCF1FC, #73C9C5, #007A95, #065B10, #00355D)
- Washed Canyon color palette (#EEE8DF, #98BDAF, #236DB4, #004A54, #030E41)
- Dusty Cobalt color palette (#F9F1E3, #A1D9F0, #008BCD, #006166, #00244E)
- Chalky Dune color palette (#D9FDE0, #99DFFF, #72ADFF, #007667, #00242A)
- Hazy Veranda color palette (#EAFAED, #77DFDB, #009EAE, #007557, #003948)
- Dusty Denim Courtyard color palette (#E5DED4, #87A689, #006373, #003B2E, #000D14)
- Turquoise Coast color palette (#A9F2FF, #00B2C7, #006876, #003036, #00080B)
- Worn Terrace color palette (#D1F2F5, #00818A, #9F00B0, #6A4C00, #001214)
Browse the whole catalog at Explore, or see today's palette.