Petrol Coast color palette — #EEF8F5 · #F9D6BE · #81A2C3 · #507090 · #1E2F2B

Built around Slate, softened by Blue Fog — the whole palette hums with trust and stability.

The five colors

• Ivory (#EEF8F5): bright and airy, almost weightless.
• Peach Cream (#F9D6BE): A whisper-light, dusty gold — the color of old brass.
• Blue Fog (#81A2C3): A luminous, dusty blue — the color of open sky before noon.
• Slate (#507090): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Forest (#1E2F2B): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, 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

• Ancient Ash color palette (#EDF8F3, #FFD2C9, #7EAA95, #4E7765, #222F29)
• Pewter Alley color palette (#FCF2F7, #BCE1B9, #938EBF, #615B8D, #2A1D24)
• Cerulean Corridor color palette (#EFF6FD, #B8DCBF, #5683A2, #365066, #202D38)
• Aged Denim color palette (#FFF0FD, #F7C673, #658CD8, #3258A5, #290F27)
• Antique Garden color palette (#EAF3FE, #ECB4A3, #496289, #243244, #0F141B)
• Powder Quarry color palette (#F9F3F8, #E0D8D7, #9FB4EB, #BAB3A7, #594F57)
• Worn Lagoon color palette (#F2F8E9, #A3DAF2, #B9A1DB, #539D79, #514252)
• Tempered Thicket color palette (#F0F7F4, #B5E6FF, #E9A0A9, #4CB8E7, #382A26)

Browse the whole catalog at Explore, or see today's palette.