Petrol Coast color palette — #FEF3EB · #D5A58C · #729969 · #0E7298 · #533658
A conversation between Teal and Moss, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FEF3EB): bright and airy, almost weightless.
- Camel (#D5A58C): A luminous, dusty orange — the color of toasted spice.
- Moss (#729969): A luminous, balanced green — the color of fresh herbs.
- Teal (#0E7298): A full-bodied, balanced blue — the color of deep harbor water.
- Charcoal (#533658): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged 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 Sand Quarry color palette (#FFF0F8, #FFB994, #7EA67E, #47708C, #3D324F)
- Hushed Pewter color palette (#FAF5E8, #BCB284, #499B9B, #6B5F98, #60342D)
- Aged Thicket color palette (#FFF2E9, #DDCFBA, #AEAB96, #6E8D7E, #5C4A59)
- Hushed Alley color palette (#FFF3E5, #D48900, #008E5B, #005894, #520C47)
- Pine Delta color palette (#FFF1F1, #C280A1, #3D824A, #574B77, #553946)
- Ancient Study color palette (#FBF2FA, #FFAFA8, #5BBAC3, #6D89AE, #31445A)
- Softworn Olive Villa color palette (#FFF3E6, #DBC095, #B59D53, #7D7A2A, #4F4D46)
- Muted Ridge color palette (#F7F1E5, #B09221, #00837B, #463DA0, #4E131C)
Browse the whole catalog at Explore, or see today's palette.