Petrol Pier color palette — #F8F5E9 · #CAD1A1 · #6FA98A · #007985 · #1F3A58
Built around Teal, softened by Jade — the whole palette hums with nature and growth.
The five colors
- Ivory (#F8F5E9): bright and airy, almost weightless.
- Pistachio (#CAD1A1): A whisper-light, dusty green — the color of fresh herbs.
- Jade (#6FA98A): A luminous, dusty teal — the color of shallow lagoons.
- Teal (#007985): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#1F3A58): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged muted, cool.
Use it as a design system
One click turns Petrol Pier 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
- Ancient Pine Chapel color palette (#FDF3EA, #F1C19A, #9B9F62, #247C59, #00404B)
- Emerald Loft color palette (#F4F8E4, #5AA65B, #007271, #003C5F, #10002D)
- Navy Parlor color palette (#F1F9E5, #63BB8E, #008695, #004598, #27083D)
- Driftwood Studio color palette (#FFF4DE, #D6E0C6, #BFBD9C, #789175, #425447)
- Cerulean Archive color palette (#F5F6EF, #C4DCE5, #A8C3EC, #3AA2AD, #355549)
- Teal Cabin color palette (#FCF3EE, #FAB3A2, #63BDA3, #7F82B2, #553848)
- Faded Navy Drift color palette (#E9F9DE, #008F74, #00576A, #050079, #030007)
- Ancient Bloom color palette (#F0F8ED, #7CCDBB, #3C95BA, #50529D, #3F1C3C)
Browse the whole catalog at Explore, or see today's palette.