Petrol Coast color palette — #F2E7E3 · #6DADB1 · #007FA9 · #006133 · #00081F
A conversation between Cerulean and Pine, giving this palette its sense of nature and growth.
The five colors
- Rose Water (#F2E7E3): a clean, paper-quiet neutral.
- Blue Fog (#6DADB1): A luminous, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#007FA9): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#006133): A full-bodied, balanced teal — the color of glacier melt.
- Ink (#00081F): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Petrol Coast 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
- Hazy Sapphire Terrace color palette (#F6EBE4, #6EAAC5, #1F70DB, #005E53, #0A0028)
- Quiet Cobalt color palette (#FDEBE4, #7DBCC7, #008DC9, #00714B, #02014B)
- Tempered Denim color palette (#E8F4EA, #5F9EA3, #006376, #003C32, #000B13)
- Tempered Lagoon color palette (#E9DCE8, #008991, #00415A, #00210E, #000106)
- Softworn Alley color palette (#E8DED4, #9FC4E7, #7485F9, #007C80, #290E43)
- Weathered Cobalt color palette (#E7E0CF, #917E00, #0071CD, #625400, #000613)
- Periwinkle Corridor color palette (#F6ECE6, #A5DDF2, #57A8FF, #00937C, #272755)
- Worn Cocoa Ridge color palette (#F4E5CF, #848545, #7C5900, #682A00, #010500)
Browse the whole catalog at Explore, or see today's palette.