Petrol Coast color palette — #E8F4FA · #E7B7A1 · #2E6B77 · #163542 · #0C1519
Teal and Sand set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#E8F4FA): a clean, paper-quiet neutral.
- Sand (#E7B7A1): A luminous, dusty orange — the color of autumn markets.
- Teal (#2E6B77): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Deep Teal (#163542): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Ink (#0C1519): quiet, heavy and certain.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged luxury, dark, 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
- Washed Denim color palette (#EBF2FE, #C7B17F, #41547F, #172741, #070D16)
- Cypress Field color palette (#EFF7F9, #9BCCBF, #186B68, #0C404A, #1A2631)
- Tempered Abyss Hollow color palette (#EEF8F0, #EACAB7, #4E8890, #16575F, #252E27)
- Tempered Workshop color palette (#E9F4F7, #8DD1D4, #9771A9, #228085, #151420)
- Antique Basin color palette (#ECF3F8, #D6D6DF, #B8ABB4, #5B8AA2, #31373B)
- Frost Market color palette (#F0F8EE, #ADEBE3, #738F6E, #3A4C36, #161E15)
- Amber Coast color palette (#CFE4F7, #C7735F, #003D5E, #001423, #000205)
- Tempered Cabin color palette (#E3F8EC, #78B6CD, #7173A4, #5A5322, #1D2E3D)
Browse the whole catalog at Explore, or see today's palette.