Petrol Coast color palette — #FFF1F6 · #46AAA2 · #4B68A4 · #6C4313 · #1F4252

Slate and Turquoise set the tone — five colors that lean into optimism and creativity.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Turquoise (#46AAA2): A luminous, balanced teal — the color of sea glass.
• Slate (#4B68A4): A full-bodied, balanced violet — the color of a velvet chair.
• Bronze (#6C4313): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Teal (#1F4252): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Optimism, Creativity, Calm, Sophistication. Tagged retro, muted, cool.

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

• Jade Delta color palette (#FDF0FF, #69A972, #25748D, #743844, #204348)
• Turquoise Corridor color palette (#E2FCF4, #4EA3C5, #735E91, #44551A, #2A3F56)
• Dusty Garnet Bloom color palette (#FDF0DB, #55AABE, #436DA1, #722D2A, #002A1D)
• Softworn Terracotta Drift color palette (#E8FBEC, #68C0D4, #5B88C2, #984743, #234154)
• Worn Lantern color palette (#EDF9F0, #8ABBAF, #4A8067, #445E6D, #2A4942)
• Frosted Station color palette (#E4FAFD, #009F87, #854E72, #584600, #2C380C)
• Cerulean Lagoon color palette (#FAF3F8, #BDE3F2, #5193B6, #31714F, #364769)
• Hushed Nightshade Pier color palette (#F5E5A7, #008E97, #4239B6, #433700, #002D3F)

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