Petrol Coast color palette — #F9F4ED · #C2EEF3 · #AB8EAB · #407887 · #604B5B
Slate and Dusty Rose set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#F9F4ED): a clean, paper-quiet neutral.
- Frost (#C2EEF3): A whisper-light, dusty blue — the color of open sky before noon.
- Dusty Rose (#AB8EAB): A luminous, dusty pink — the color of peonies in June.
- Slate (#407887): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Charcoal Brown (#604B5B): A full-bodied, dusty pink — the color of neon signs at night.
Feels like: Trust, Stability, 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
- Tempered Cerulean Study color palette (#FAF4EC, #BDE7DB, #718ABA, #2F6B7F, #573F4F)
- Patina Lagoon Courtyard color palette (#FBF2F5, #DBDEED, #9AB3D7, #539299, #4B5267)
- Weathered Sky Bloom color palette (#E8FAF4, #73B6F1, #C38B5A, #4177A5, #524C46)
- Timeworn Ash Terrace color palette (#F9F4ED, #C5EBE5, #68A3BA, #60765A, #335248)
- Periwinkle Grove color palette (#FEF0FF, #639BDC, #BC7179, #658053, #4A3E4B)
- Dusty Cobalt Hollow color palette (#FFF0FE, #AACCFF, #6286BA, #3C4F76, #432B42)
- Ancient Garden color palette (#F4EEE4, #72BED1, #007297, #00504D, #0B304C)
- Cerulean Boulevard color palette (#FEF4E3, #8DDEE6, #008EAB, #00685A, #004662)
Browse the whole catalog at Explore, or see today's palette.