Petrol Coast color palette — #FFF2EC · #74C6D6 · #0075AD · #00583D · #1E2E63
Built around Cerulean, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Sky (#74C6D6): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#0075AD): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Olive (#00583D): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#1E2E63): A deep, shadowed, balanced violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
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
- Sapphire Coast color palette (#FFF2EA, #7EC2E4, #0763E5, #00574E, #32295E)
- Muted Aqua color palette (#E2F9E7, #52CEE5, #007DA1, #00524D, #001C30)
- Cerulean Study color palette (#FDF4E6, #5EDFF7, #009AC6, #00736C, #003656)
- Dusty Meadow color palette (#F6E8E0, #6EA9BA, #005B95, #003F30, #151847)
- Airy Navy Studio color palette (#D5E7DA, #00AB98, #006E7E, #004B66, #002D6E)
- Frosted Station color palette (#D1EDFF, #00AADD, #00678B, #00334A, #001E29)
- Patina Wisteria Archive color palette (#DEFFE6, #A2D2FF, #CF7BFF, #007556, #003951)
- Dusty Cobalt Thicket color palette (#FAF4EF, #BDE8D3, #578CD0, #007263, #5A3D4F)
Browse the whole catalog at Explore, or see today's palette.