Petrol Coast color palette — #F5F7E4 · #83C4CE · #007B91 · #005655 · #00394A
Teal and Peacock set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#F5F7E4): A whisper-light, dusty green — the color of fresh herbs.
- Ash (#83C4CE): A luminous, dusty blue — the color of open sky before noon.
- Teal (#007B91): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005655): A full-bodied, dusty teal — the color of glacier melt.
- Deep Teal (#00394A): 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
- Muted Petrol Thicket color palette (#FFEEE6, #5CCEDD, #007DA4, #005341, #001A36)
- Cobalt Dune color palette (#F3F7E9, #7DC0EF, #0071BD, #00526A, #00306A)
- Denim Harbor color palette (#EEF0E1, #63ABBB, #006179, #003D40, #002331)
- Quiet Boulevard color palette (#E1FCF7, #78EEFF, #00BEDF, #009797, #00394A)
- Frosted Archive color palette (#F4F7ED, #A9DACA, #1182DC, #006280, #183E77)
- Cerulean Lagoon color palette (#FFF0FB, #74DDEB, #009AC8, #00755B, #00345F)
- Antique Atelier color palette (#EAEDDD, #5E8C78, #004160, #002129, #000A17)
- Magenta Study color palette (#FFDADF, #C04EBF, #007AA3, #810082, #003346)
Browse the whole catalog at Explore, or see today's palette.