Petrol Pier color palette — #F4EEE3 · #9CBA9F · #007588 · #005142 · #003345
A conversation between Teal and Forest, giving this palette its sense of nature and growth.
The five colors
- Cream (#F4EEE3): a clean, paper-quiet neutral.
- Sage (#9CBA9F): A luminous, dusty green — the color of a quiet forest floor.
- Teal (#007588): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#005142): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Teal (#003345): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
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
- Antique Petrol Corridor color palette (#F5EDE2, #86BAD0, #006EA8, #004F54, #0B2D59)
- Faded Station color palette (#FCF4E8, #ADDAC4, #0087CC, #00656C, #20406C)
- Cypress Summit color palette (#F8F5EF, #C9E6E1, #6EA2B3, #078071, #315246)
- Forest Garden color palette (#F3ECF2, #9CCDDD, #0094BD, #007133, #142E4F)
- Hushed Delta color palette (#E7F2E9, #88E5E9, #00B8D4, #009479, #003345)
- Softworn Basin color palette (#F1F7D6, #8CD8C1, #29A6AF, #556A00, #2D302A)
- Pale Jade Parlor color palette (#B4F1CE, #4FAB78, #006335, #003621, #001B0B)
- Wandering Cerulean color palette (#F5EDDF, #468B9D, #00425B, #002221, #000A17)
Browse the whole catalog at Explore, or see today's palette.