Petrol Basin color palette — #FAF7D4 · #A4D7BB · #4FAC99 · #00808F · #31594A
A conversation between Teal and Turquoise, giving this palette its sense of trust and stability.
The five colors
- Custard (#FAF7D4): A whisper-light, dusty green — the color of a quiet forest floor.
- Pistachio (#A4D7BB): A whisper-light, dusty teal — the color of sea glass.
- Turquoise (#4FAC99): A luminous, balanced teal — the color of glacier melt.
- Teal (#00808F): A full-bodied, balanced blue — the color of open sky before noon.
- Pine (#31594A): A full-bodied, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Calm, Balance. Tagged muted, cool.
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
- Timeworn Cypress Corridor color palette (#E4FDE9, #B9E1C5, #5DB1BE, #00747C, #004345)
- Washed Seafoam Bloom color palette (#EFFBD4, #85EACB, #69C9C0, #549B9A, #395440)
- Washed Petrol Corridor color palette (#F4F9D7, #9EDDC8, #44B7BB, #0680A7, #634865)
- Jade Drift color palette (#FFF3E2, #CCCD96, #7EA867, #308A67, #3D5137)
- Dusty Lagoon Study color palette (#D4FCFA, #7CC3A8, #009C8A, #006D71, #3D4D65)
- Wandering Teal Bloom color palette (#D7F8EA, #00B7B1, #0089A0, #005B82, #0A255C)
- Faded Harbor color palette (#EFF9EB, #8DD4C8, #DE9E9D, #00A292, #773821)
- Tempered Taupe Veranda color palette (#EFF8EB, #FADCFE, #C0DFEF, #8CB188, #3E5242)
Browse the whole catalog at Explore, or see today's palette.