Petrol Coast color palette — #F1F3EC · #C8DFDD · #79A894 · #017988 · #143F33
Teal takes the lead with Jade close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#F1F3EC): a clean, paper-quiet neutral.
- Silver (#C8DFDD): A whisper-light, dusty teal — the color of sea glass.
- Jade (#79A894): A luminous, dusty teal — the color of glacier melt.
- Teal (#017988): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#143F33): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Ancient Cerulean color palette (#F1F3EB, #C9E3D7, #4D96C3, #006A7D, #00352B)
- Muted Lagoon Ridge color palette (#ECF5E9, #C6E1D8, #95C6D3, #5A9781, #344031)
- Weathered Hollow color palette (#E8EECE, #93C4A2, #539E79, #00694E, #27381B)
- Timeworn Cypress Loft color palette (#F3F3E6, #82CBC6, #008287, #005346, #001F23)
- Softworn Bronze color palette (#EDF5E3, #6DAB92, #5596B9, #857A28, #222B16)
- Softworn Cypress color palette (#EEF4E9, #86C2AC, #869BCE, #008667, #43253E)
- Navy Alley color palette (#E8ECDE, #547F97, #003F63, #001E27, #000104)
- Tempered Parlor color palette (#F7F1E4, #C5BB9D, #9C7E39, #685529, #302C1A)
Browse the whole catalog at Explore, or see today's palette.