Petrol Coast color palette — #F1E5EC · #74C0D8 · #0071AC · #004C45 · #061333
Built around Slate, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Blush (#F1E5EC): bright and airy, almost weightless.
- Sky (#74C0D8): A luminous, balanced blue — the color of deep harbor water.
- Slate (#0071AC): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004C45): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Midnight (#061333): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: 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
- Tempered Cobalt color palette (#F8EFF3, #91D1F2, #4C7EB8, #005B5B, #181D3E)
- Hushed Petrol Grove color palette (#F9EBE3, #94BCA6, #2B6BA6, #005141, #252757)
- Ultramarine Bloom color palette (#F2E2E7, #6DA3CA, #1E4FB7, #00393E, #0A002C)
- Ash Parlor color palette (#F8EFF4, #D7D1E6, #77A0C9, #377774, #2C3649)
- Tempered Ridge color palette (#F7EAF3, #149CA7, #005169, #002D20, #00040D)
- Navy Studio color palette (#FAE7EE, #2B81AE, #00377E, #001F21, #01000A)
- Weathered Lapis Studio color palette (#D4F4E3, #8B8200, #6652CD, #4E4800, #120437)
- Gentle Teal Thicket color palette (#F1EAB9, #ADDE9F, #11B7AB, #7F5016, #002119)
Browse the whole catalog at Explore, or see today's palette.