Petrol Coast color palette — #D2E4E6 · #2599B6 · #1472A1 · #003C3B · #000406
Built around Slate, softened by Cerulean — the whole palette hums with trust and stability.
The five colors
- Silver (#D2E4E6): a clean, paper-quiet neutral.
- Cerulean (#2599B6): A luminous, balanced blue — the color of a favorite pair of jeans.
- Slate (#1472A1): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#003C3B): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#000406): a grounded near-black with real depth.
Feels like: Trust, Stability, Calm, Sophistication. Tagged pastel, light, muted, cool.
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 Ultramarine Orchard color palette (#D5E4EF, #4B88CC, #4A5DBC, #003C4E, #000302)
- Tempered Lagoon Veranda color palette (#D3EBDB, #00A082, #00746D, #003F11, #010200)
- Gentle Periwinkle Chapel color palette (#C4EEE3, #85ABFF, #767BC6, #00577D, #000B25)
- Periwinkle Bloom color palette (#C7F3DC, #9CD7FF, #7EA7E4, #006475, #001F14)
- Cornflower Summit color palette (#E0F3E0, #32D1FF, #6287E7, #195A2C, #000102)
- Indigo Alley color palette (#E2EDDC, #4AA8D8, #7F70CD, #135D07, #001217)
- Muted Sky Courtyard color palette (#DDF7FF, #C7D8F8, #71BBFF, #007C87, #0E3426)
- Inked Ultramarine color palette (#ECDDEC, #0053B1, #300070, #001C45, #040002)
Browse the whole catalog at Explore, or see today's palette.