Petrol Coast color palette — #F8F2FF · #FCD2CC · #C99F7F · #377B90 · #184155

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

The five colors

• Ivory (#F8F2FF): a clean, paper-quiet neutral.
• Shell Pink (#FCD2CC): A whisper-light, dusty orange — the color of autumn markets.
• Camel (#C99F7F): A luminous, dusty gold — the color of honey in a jar.
• Slate (#377B90): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Teal (#184155): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, 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

• Abyss Field color palette (#EFF6FF, #F4D2FF, #CC9B90, #447778, #19553C)
• Petal Bloom color palette (#F7F3FF, #E6C2E1, #86A78E, #4D6A82, #243F52)
• Worn Bronze color palette (#F5DAFF, #D09FAD, #A1694C, #1A6377, #2C426C)
• Washed Pier color palette (#FAEFFF, #E4A8AE, #9F8954, #355B72, #03283B)
• Coral Summit color palette (#FBCEFB, #D68D7F, #826D32, #1F406A, #001430)
• Fern Veranda color palette (#FFD9D2, #D39B80, #9F764E, #3E6307, #183A1F)
• Timeworn Frost Garden color palette (#FFF0FD, #C6EDF8, #A7C3C1, #878EA3, #4A4F5C)
• Airy Amber Orchard color palette (#FFE7EA, #C48039, #4D6619, #1A2F55, #000627)

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