Petrol Coast color palette — #EAF5F1 · #E4D5DA · #CCB8C8 · #0070B3 · #152A24
Built around Royal Blue, softened by Stone — the whole palette hums with trust and stability.
The five colors
- Ivory (#EAF5F1): a clean, paper-quiet neutral.
- Silver (#E4D5DA): bright and airy, almost weightless.
- Stone (#CCB8C8): A luminous, dusty pink — the color of neon signs at night.
- Royal Blue (#0070B3): A full-bodied, balanced blue — the color of deep harbor water.
- Onyx (#152A24): A deep, shadowed, dusty teal — the color of sea glass.
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
- Antique Lapis color palette (#F8EFF4, #E5D1D1, #D8B3C2, #595AC8, #2D2029)
- Timeworn Petrol color palette (#EFF6FC, #DAD8EB, #B3B9DF, #0072A5, #36414B)
- Tempered Cypress Study color palette (#EDF4EE, #C6DCD9, #AAC7B6, #007A7E, #1C291D)
- Wandering Denim color palette (#EDE7EC, #D1C8CF, #B49BAB, #1752A1, #1C121C)
- Softworn Study color palette (#EEF8F4, #E4D3CF, #BDC0B0, #009BE4, #273A33)
- Twilit Sapphire color palette (#F4D9EC, #4C5CCF, #282150, #080B2C, #080107)
- Ancient Driftwood Pier color palette (#F7EFF1, #DCD4D1, #9FAA9E, #97759A, #3D3335)
- Cocoa Quarry color palette (#E9DDFF, #C1A5CB, #956D8A, #7C3D25, #452203)
Browse the whole catalog at Explore, or see today's palette.