Petrol Coast color palette — #ECF4F0 · #DCD1CD · #C9B4B1 · #417C9D · #222F2A
Slate takes the lead with Rosewood Mist close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#ECF4F0): a clean, paper-quiet neutral.
- Oat (#DCD1CD): bright and airy, almost weightless.
- Rosewood Mist (#C9B4B1): A luminous, dusty orange — the color of toasted spice.
- Slate (#417C9D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Forest (#222F2A): 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
- Patina Cobalt Studio color palette (#F0F7F4, #DED4D2, #CAB7B9, #387AA9, #3A4C46)
- Patina Indigo color palette (#F7EFF3, #E4D2CC, #D9B6AF, #695DAD, #2D2127)
- Aged Driftwood color palette (#F6EFF5, #DED5D4, #B4AEA4, #94798F, #3A3439)
- Antique Pewter Drift color palette (#FEEFE4, #C5B184, #6E7C4A, #6A4A57, #302512)
- Washed Chapel color palette (#E0FAE3, #BFA9BC, #A87E88, #595D10, #34352E)
- Softworn Navy color palette (#E5F3EF, #AD99A4, #8F7379, #00395F, #000604)
- Denim Market color palette (#F0E6EA, #D6C7C8, #B69D96, #5F4585, #1E1217)
- Antique Cobalt color palette (#F6E2F2, #4E6ECB, #442730, #1D121B, #030805)
Browse the whole catalog at Explore, or see today's palette.