Petrol Coast color palette — #DCEAE3 · #769984 · #666297 · #1A5433 · #003A3B

Built around Slate, softened by Deep Olive — the whole palette hums with nature and growth.

The five colors

• Parchment (#DCEAE3): bright and airy, almost weightless.
• Eucalyptus (#769984): A luminous, dusty teal — the color of sea glass.
• Slate (#666297): A full-bodied, balanced violet — the color of twilight just after sunset.
• Deep Olive (#1A5433): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Deep Teal (#003A3B): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Creativity, 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

• Muted Abyss Atelier color palette (#E5F2E7, #4E95AF, #5C5483, #00451C, #003137)
• Wandering Fern Study color palette (#E9F4D1, #74AB9E, #346A8F, #5A4A00, #17482D)
• Muted Pewter Workshop color palette (#CEEEF7, #A3839C, #885473, #005155, #14334D)
• Softworn Ridge color palette (#F5EDE6, #8EBDAC, #3E61BF, #00504C, #312451)
• Dusty Grove color palette (#E8E5D7, #689978, #00625D, #144067, #252D08)
• Hushed Field color palette (#D6F4FF, #6671A8, #78325A, #003739, #002324)
• Weathered Chestnut Delta color palette (#D7E4F3, #9A9EC9, #936EA5, #7C4F0F, #3E3A03)
• Abyss Canyon color palette (#E2FCF3, #CEBBC5, #A58C8A, #617463, #335559)

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