Petrol Coast color palette — #D8E7DB · #6EADB1 · #008299 · #005F4F · #000B13
Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.
The five colors
- Parchment (#D8E7DB): A whisper-light, dusty teal — the color of sea glass.
- Blue Fog (#6EADB1): A luminous, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#008299): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#005F4F): A full-bodied, balanced teal — the color of glacier melt.
- Ink (#000B13): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Cobalt Garden color palette (#E1EBE3, #70A9C7, #2578BD, #005C66, #000329)
- Wandering Iris color palette (#C9EAF8, #89A3D8, #688EEC, #007B76, #001017)
- Antique Denim color palette (#EFE4EE, #5D9FA4, #006182, #003E1F, #00071F)
- Gentle Scarlet color palette (#D7E9F0, #008F9B, #D30B0F, #006068, #140000)
- Worn Lagoon color palette (#EADFCD, #17888F, #004350, #002019, #000103)
- Antique Iris Canyon color palette (#DEE9E0, #A4C4E2, #5E91E6, #007993, #14144F)
- Tempered Canyon color palette (#C9E5F2, #007D8F, #A32298, #6B5600, #000203)
- Timeworn Sky Coast color palette (#E8F1EA, #B2D9F1, #4FAFE7, #009094, #072E56)
Browse the whole catalog at Explore, or see today's palette.