Petrol Coast color palette — #F9EDE8 · #3EB4BF · #006F98 · #004D2B · #000F3A
Peacock takes the lead with Cyan close behind in a set that reads as nature and growth at first glance.
The five colors
- Cream (#F9EDE8): bright and airy, almost weightless.
- Cyan (#3EB4BF): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#006F98): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004D2B): A deep, shadowed, balanced teal — the color of glacier melt.
- Midnight (#000F3A): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. 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
- Timeworn Cobalt color palette (#F7EDE7, #6FBED6, #0078C8, #005B48, #171945)
- Washed Petrol Loft color palette (#F6EAF3, #66C8D2, #007292, #00402E, #000308)
- Washed Cerulean color palette (#E0F3E4, #00A2AE, #005264, #003129, #001623)
- Worn Coast color palette (#E0E2D6, #6EBFC8, #0093A9, #006D6A, #00171F)
- Lapis Thicket color palette (#F5EADE, #6BA8D8, #404DE3, #004A4A, #1C0039)
- Quiet Lilac color palette (#D4EFF1, #7EB6E9, #AC75D0, #007343, #001720)
- Dusty Cabin color palette (#F5ECE9, #86D4D6, #0094BD, #007132, #0D2E54)
- Antique Plum color palette (#D6F3E4, #0083AA, #BC0054, #004C65, #25000B)
Browse the whole catalog at Explore, or see today's palette.