Petrol Coast color palette — #F4F4FE · #B898CB · #43928A · #0077A2 · #2B3142

Cerulean takes the lead with Mauve close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F4F4FE): bright and airy, almost weightless.
• Mauve (#B898CB): A luminous, balanced violet — the color of a velvet chair.
• Fern (#43928A): A luminous, dusty teal — the color of shallow lagoons.
• Cerulean (#0077A2): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#2B3142): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged jewel, vibrant, 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

• Hushed Emerald color palette (#F0F5FD, #90A5D2, #66985B, #00746A, #243744)
• Nightshade Corridor color palette (#FAF2FC, #C8768A, #1C7EB8, #5349A9, #2E273C)
• Sunlit Cabin color palette (#F6F3FF, #C95EC6, #007C89, #005592, #25173D)
• Cypress Loft color palette (#EEF8F2, #B9B381, #6C9973, #007879, #224660)
• Apricot Loft color palette (#FDF3ED, #F9A094, #7EB187, #5C9989, #443138)
• Worn Market color palette (#F9F2FD, #AE6780, #407C41, #245171, #3A333E)
• Softworn Shell Studio color palette (#FFF2ED, #FFA79D, #A49B51, #51724D, #2C1D1C)
• Antique Pine color palette (#EBFAED, #E5B191, #B08B56, #437E4B, #593F49)

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