Petrol Coast color palette — #F5F6EF · #CCE1DF · #79A590 · #1C7C85 · #315246
Teal takes the lead with Eucalyptus close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#F5F6EF): a clean, paper-quiet neutral.
- Silver (#CCE1DF): A whisper-light, dusty teal — the color of shallow lagoons.
- Eucalyptus (#79A590): A luminous, dusty teal — the color of glacier melt.
- Teal (#1C7C85): A full-bodied, balanced blue — the color of open sky before noon.
- Charcoal Brown (#315246): A full-bodied, dusty teal — the color of sea glass.
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
- Cerulean Garden color palette (#F4F6EE, #C5E5D4, #4C93B7, #006F7D, #235244)
- Muted Cypress color palette (#EFEFE6, #82BEBA, #00777B, #005144, #00353B)
- Lagoon Alley color palette (#F0F9E9, #B7E2E5, #92C3CF, #559375, #485542)
- Bronze Study color palette (#F0F9E4, #68A889, #4394B6, #897518, #41443D)
- Muted Azure color palette (#F7F0EC, #C8E4E1, #64A4CF, #39786D, #422F40)
- Weathered Pine Basin color palette (#F3F7ED, #83BFA3, #7899D4, #00875F, #3A4D70)
- Abyss Ridge color palette (#E7EBDB, #5F8B78, #004161, #002129, #000A17)
- Sunlit Sapphire Studio color palette (#F2F8E7, #95BCE1, #1F6CC7, #005171, #0D2B75)
Browse the whole catalog at Explore, or see today's palette.