Petrol Coast color palette — #F7ECE6 · #6EC0CB · #00709E · #005333 · #192B56

Peacock takes the lead with Forest close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F7ECE6): a clean, paper-quiet neutral.
• Cyan (#6EC0CB): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#00709E): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#005333): A deep, shadowed, balanced teal — the color of shallow lagoons.
• Navy (#192B56): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged coastal, cool, 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

• Petrol Market color palette (#E0ECEA, #7EBFCC, #007790, #004B4C, #001923)
• Softworn Atelier color palette (#FDF3EC, #99CFE0, #3D7CB6, #00624E, #4D2F44)
• Pale Corridor color palette (#FCEBDD, #49AAD7, #2153A5, #003F38, #1F1643)
• Muted Bloom color palette (#EEF0E5, #A8D0B3, #2395B0, #006B6D, #003344)
• Aged Lagoon color palette (#F0E0DB, #00A4A1, #005266, #003307, #00142A)
• Muted Sky color palette (#F7EAF4, #B2DAEC, #23B2ED, #00937A, #0D2E54)
• Lapis Orchard color palette (#EEDCB8, #977C00, #505CC9, #584700, #1D2353)
• Tempered Navy Station color palette (#F1E2D7, #018DB5, #003B77, #00231D, #080225)

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