Petrol Coast color palette — #EEF8F0 · #C9DEDE · #99C6BA · #006C79 · #021106
Teal and Ash set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#EEF8F0): a clean, paper-quiet neutral.
- Silver (#C9DEDE): A whisper-light, dusty teal — the color of sea glass.
- Ash (#99C6BA): A luminous, dusty teal — the color of glacier melt.
- Teal (#006C79): A full-bodied, balanced blue — the color of deep harbor water.
- Ink (#021106): 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
- Weathered Courtyard color palette (#EDF8F4, #ECD7DC, #CDB1C2, #006699, #01100B)
- Antique Corridor color palette (#DBE5E8, #A5B6C3, #808DAA, #004E51, #000D12)
- Antique Studio color palette (#DFE8E0, #ADC5C7, #CBACC1, #009299, #182219)
- Muted Forest Veranda color palette (#F8F6E5, #82B07A, #007247, #004643, #010B00)
- Petrol Thicket color palette (#D0EAE0, #006794, #1F2029, #03102F, #000103)
- Cocoa Parlor color palette (#ABEAFF, #87A3C8, #736F9A, #782B07, #1B1000)
- Indigo Canyon color palette (#FBF2F7, #E6D7D5, #D4BBB3, #7169BC, #281922)
- Frosted Grove color palette (#E2F9EC, #0087A8, #6D218F, #421300, #010200)
Browse the whole catalog at Explore, or see today's palette.