Petrol Terrace color palette — #FFF1F4 · #C9A1DB · #35B1BA · #007DA8 · #341D23

Cerulean and Cyan set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Mauve (#C9A1DB): A luminous, balanced pink — the color of peonies in June.
• Cyan (#35B1BA): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#007DA8): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#341D23): A deep, shadowed, dusty red — the color of a theater curtain.

Feels like: Trust, Stability, Creativity, Balance. Tagged muted.

Use it as a design system

One click turns Petrol Terrace 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

• Worn Cobalt color palette (#FFF1F1, #E398BC, #63A7D0, #576EB6, #351D1C)
• Worn Denim Hollow color palette (#FFF1F3, #C694C7, #0093A0, #005C96, #25121C)
• Airy Jade color palette (#FFF3E6, #DDA764, #62B27B, #00847A, #332006)
• Airy Boulevard color palette (#EAFBE6, #16B5A9, #6686D8, #6D43AE, #071B03)
• Sunlit Mint color palette (#F6F6EA, #A2C985, #379D8C, #006584, #1F2457)
• Tempered Grape Station color palette (#FFF2EE, #FF727C, #5B90E9, #743CD3, #37060D)
• Worn Ember color palette (#FFEBFB, #DB5245, #008494, #005D69, #231420)
• Taupe Courtyard color palette (#FDF4E3, #E6C790, #9C944A, #007460, #35312B)

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