Petrol Coast color palette — #F0F7F1 · #D9DDEE · #849BB8 · #32798A · #46536A
Built around Teal, softened by Blue Fog — the whole palette hums with trust and stability.
The five colors
- Ivory (#F0F7F1): a clean, paper-quiet neutral.
- Silver (#D9DDEE): A whisper-light, dusty violet — the color of twilight just after sunset.
- Blue Fog (#849BB8): A luminous, dusty blue — the color of open sky before noon.
- Teal (#32798A): A full-bodied, dusty blue — the color of open sky before noon.
- Peacock (#46536A): A full-bodied, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Antique Cypress color palette (#F7EFF2, #D9D0E3, #8C9BC6, #007B7A, #313350)
- Muted Lagoon color palette (#F9F4EF, #CBE8EB, #9DB0E2, #429693, #674856)
- Ancient Petrol Canyon color palette (#E8F1E9, #7BBDCC, #007296, #00504C, #003150)
- Lagoon Canyon color palette (#E2EDE4, #4A9FA1, #005360, #003126, #001721)
- Hushed Taupe Delta color palette (#E3FBF5, #83A468, #6A8DB4, #A16169, #2F4843)
- Ancient Olive Chapel color palette (#E7FAF4, #A4B980, #A78BBD, #657D34, #4A486C)
- Cerulean Cabin color palette (#ECF9EF, #8DDEE5, #008EA9, #006859, #004661)
- Patina Driftwood Field color palette (#FEF1F7, #D0ADB8, #9A7386, #6F5367, #3C4D3F)
Browse the whole catalog at Explore, or see today's palette.