Petrol Coast color palette — #F4E3F0 · #61B0B8 · #007191 · #004C38 · #001529
Built around Teal, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Blush (#F4E3F0): A whisper-light, dusty pink — the color of a candy shop window.
- Cyan (#61B0B8): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#007191): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004C38): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#001529): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. 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
- Cobalt Workshop color palette (#EEE0E8, #7ABCD4, #007BBE, #005A53, #0D1C44)
- Aqua Thicket color palette (#F6EDDE, #64C8D3, #00738C, #003F36, #000306)
- Softworn Cerulean Studio color palette (#E7E9D2, #2AA1AC, #005360, #00302E, #00171F)
- Ultramarine Market color palette (#F2E7EB, #5D9ABF, #0051B8, #003B3E, #070128)
- Cerulean Loft color palette (#F6EAF3, #91D2D4, #0095B6, #006F4C, #07314C)
- Peony Station color palette (#E2EDFF, #C399EC, #EB5AA6, #006590, #111432)
- Aged Periwinkle Basin color palette (#FBF2F6, #D4DFFD, #78A8E3, #008C8E, #3B4762)
- Airy Workshop color palette (#D9F5FF, #0080CD, #012AF3, #2D0096, #20003F)
Browse the whole catalog at Explore, or see today's palette.