Petrol Coast color palette — #D7E8E3 · #E38E4D · #006AB5 · #003A67 · #000302
Royal Blue takes the lead with Apricot close behind in a set that reads as trust and stability at first glance.
The five colors
- Parchment (#D7E8E3): a clean, paper-quiet neutral.
- Apricot (#E38E4D): A luminous, balanced gold — the color of afternoon light on wheat.
- Royal Blue (#006AB5): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#003A67): A deep, shadowed, balanced blue — the color of open sky before noon.
- Black (#000302): quiet, heavy and certain.
Feels like: Trust, Stability, Optimism, Balance. Tagged luxury, dark.
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
- Soft Ultramarine color palette (#FAE7F8, #D39A14, #2F5ECB, #1F3668, #070006)
- Dusty Apricot color palette (#DCF0E1, #EB8756, #007582, #004149, #000401)
- Tempered Lapis Lagoon color palette (#FBEAF3, #87B74A, #634CCD, #362A72, #080004)
- Indigo Meadow color palette (#F8DBEF, #CEC400, #5D68FF, #3C468C, #1C0617)
- Muted Cobalt color palette (#EDE2EA, #D2BAB7, #C9988C, #6B78C9, #2A1925)
- Patina Hollow color palette (#D3E8FA, #3AAB62, #004A6F, #001D2F, #000307)
- Hushed Violet Alley color palette (#E9D9DE, #A0C86F, #935DB7, #563B6A, #16050B)
- Linen Bronze Alley color palette (#D4E5D8, #009CAC, #BB6500, #007645, #001013)
Browse the whole catalog at Explore, or see today's palette.