Petrol Coast color palette — #F5E3ED · #65C1E2 · #2A6DB2 · #004D40 · #120F35
A conversation between Slate and Cyan, giving this palette its sense of trust and stability.
The five colors
- Blush (#F5E3ED): A whisper-light, dusty pink — the color of peonies in June.
- Cyan (#65C1E2): A luminous, balanced blue — the color of deep harbor water.
- Slate (#2A6DB2): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004D40): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Indigo (#120F35): A deep, shadowed, dusty violet — the color of twilight just after sunset.
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
- Aged Forest Cabin color palette (#F0E5F0, #6EC5C0, #007790, #144E14, #00172C)
- Cobalt Station color palette (#FCEDF4, #9CCFEE, #5F7BB2, #005C56, #211A3B)
- Petrol Meadow color palette (#DFF3F1, #7EBBD3, #037199, #004E58, #00314D)
- Ultramarine Pier color palette (#FEEAF0, #60A3D7, #3949B5, #00393A, #110026)
- Hushed Forest color palette (#F8EEF9, #75E6DE, #0092AE, #256521, #002744)
- Wandering Azure Field color palette (#FBF4E9, #C1EEFF, #159CDF, #00696D, #001E41)
- Azure Hollow color palette (#D7E4EF, #0099E6, #005E90, #002C40, #000713)
- Softworn Market color palette (#F8EFF3, #D7D1E6, #829EC6, #3E757D, #303547)
Browse the whole catalog at Explore, or see today's palette.