Petrol Coast color palette — #E9DAE4 · #7BA9C0 · #006DA1 · #004B42 · #000E3B
Built around Peacock, softened by Deep Indigo — the whole palette hums with trust and stability.
The five colors
- Silver (#E9DAE4): A whisper-light, dusty pink — the color of a candy shop window.
- Blue Fog (#7BA9C0): A luminous, dusty blue — the color of a favorite pair of jeans.
- Peacock (#006DA1): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#004B42): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Indigo (#000E3B): A deep, shadowed, balanced 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
- Frosted Delta color palette (#EEDDE2, #81A6C6, #345BCB, #004951, #160040)
- Ancient Study color palette (#F1E2EB, #5BA09D, #006373, #003E20, #000B13)
- Patina Pier color palette (#FDEADF, #50C8E6, #006EA2, #003F37, #00020E)
- Sky Bloom color palette (#D1E8E4, #1BC3E7, #0090B8, #006C74, #001623)
- Pale Parlor color palette (#DAF0FF, #8DB7FF, #A480D6, #006864, #001C2B)
- Worn Ridge color palette (#C2E9DE, #008883, #005E6B, #00374D, #001734)
- Tempered Cobalt color palette (#DFF3FF, #0091D5, #00587C, #002D41, #000306)
- Chestnut Veranda color palette (#DFF4FE, #00869C, #9A4F00, #004E5B, #1D0A00)
Browse the whole catalog at Explore, or see today's palette.