Petrol Coast color palette — #EDF8F4 · #E8D7DC · #CFB0C5 · #006794 · #03100B

A conversation between Peacock and Rosewood Mist, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EDF8F4): bright and airy, almost weightless.
• Silver (#E8D7DC): bright and airy, almost weightless.
• Rosewood Mist (#CFB0C5): A luminous, dusty pink — the color of a candy shop window.
• Peacock (#006794): A full-bodied, balanced blue — the color of deep harbor water.
• Ink (#03100B): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Antique Denim color palette (#FBF2F7, #EAD4D1, #DCACB4, #5A539F, #150710)
• Cypress Corridor color palette (#F1F7F2, #CCDEDD, #99C6B9, #006D76, #060F08)
• Timeworn Balcony color palette (#DDE5EB, #ACB4C0, #888CA0, #004A67, #000C17)
• Hushed Navy color palette (#F4EBF4, #E0C8D7, #C398AA, #0A489F, #060106)
• Weathered Loft color palette (#DCE6E1, #D7BDC3, #C8A09C, #008DB7, #10241B)
• Ancient Ridge color palette (#FDF1FA, #E7D6D6, #D4AB9B, #5B75D8, #301D2C)
• Sunlit Orchard color palette (#D3E6FF, #A4A2E0, #92539F, #5A3700, #171500)
• Teal Balcony color palette (#F4F7E7, #4CB896, #006F68, #004352, #000A06)

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