Petrol Coast color palette — #ECF3F9 · #D6D4E5 · #B2B6CA · #356A8E · #1A2128
Built around Peacock, softened by Ash — the whole palette hums with trust and stability.
The five colors
- Ivory (#ECF3F9): a clean, paper-quiet neutral.
- Silver (#D6D4E5): A whisper-light, dusty violet — the color of wild irises.
- Ash (#B2B6CA): A luminous, dusty violet — the color of twilight just after sunset.
- Peacock (#356A8E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Onyx (#1A2128): quiet, heavy and certain.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, 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 Courtyard color palette (#EDF1FF, #D2D1E8, #B4A3C9, #554DA1, #14192A)
- Weathered Petrol Villa color palette (#EFF7F4, #E7D6D8, #C2ADB2, #216B94, #2E3F39)
- Hushed Ash Basin color palette (#E2EFFA, #999FCA, #786B8E, #32564D, #06332B)
- Aged Study color palette (#EEF8F5, #E3D3D0, #A7A59A, #648EB8, #24322E)
- Navy Courtyard color palette (#DBE1E8, #ABB3C6, #8A8AA7, #00447D, #050B13)
- Tempered Aubergine color palette (#E8E9F6, #9189A0, #77627E, #381255, #010106)
- Aged Olive Veranda color palette (#EBF5EA, #ACA161, #556F21, #394660, #032314)
- Velvet Lapis Parlor color palette (#D9E0EC, #3F4CDE, #222040, #050C1B, #000205)
Browse the whole catalog at Explore, or see today's palette.