Petrol Coast color palette — #DCEAE8 · #62ADC9 · #006F98 · #004953 · #001626
Built around Peacock, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Frost (#DCEAE8): a clean, paper-quiet neutral.
- Cyan (#62ADC9): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#006F98): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#004953): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#001626): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Cypress Grove color palette (#D7E7E3, #5AA0A1, #00646D, #003C36, #000C0F)
- Cobalt Drift color palette (#E2F1F0, #7EB8E5, #0076CF, #005571, #041D45)
- Cobalt Quarry color palette (#F7EAF1, #6DC4E2, #0068B8, #003F33, #020013)
- Cerulean Workshop color palette (#F8E2EE, #019EC5, #004D7D, #00302D, #040B3D)
- Turquoise Workshop color palette (#D6F0F5, #5ECACA, #00A7C0, #006954, #001F1F)
- Aged Azure Meadow color palette (#EAF9F7, #ABDDF6, #499ED2, #00798F, #1C3D5A)
- Softworn Lapis color palette (#CEEBED, #008C70, #343DFF, #005241, #04023D)
- Patina Pine Chapel color palette (#E5F3E7, #008E51, #006844, #003B2C, #001B15)
Browse the whole catalog at Explore, or see today's palette.