Petrol Coast color palette — #EAFAF1 · #FBC7BD · #629EB7 · #206C87 · #12271D
Peacock and Blue Fog set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#EAFAF1): A whisper-light, dusty teal — the color of shallow lagoons.
- Wheat (#FBC7BD): A whisper-light, dusty orange — the color of toasted spice.
- Blue Fog (#629EB7): A luminous, dusty blue — the color of a favorite pair of jeans.
- Peacock (#206C87): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Onyx (#12271D): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Trust, Stability, Sophistication. Tagged luxury, dark, 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
- Timeworn Petrol Corridor color palette (#FAF2FA, #F6D8BA, #85A1C4, #526F93, #302830)
- Stone Delta color palette (#E9F8FE, #B0CF9F, #377D88, #094B54, #162429)
- Airy Garden color palette (#CBEDE3, #FFA672, #0084D3, #005185, #00140F)
- Aged Ultramarine Quarry color palette (#FFF0FB, #E2D077, #7488D8, #4151AC, #291024)
- Patina Courtyard color palette (#F8F3F9, #E3D7D9, #BCB0A7, #7DB0E7, #4C454C)
- Patina Apricot color palette (#E6F4FF, #E89E85, #265B77, #082A3F, #040E15)
- Hazy Balcony color palette (#E8D9E2, #B5C16E, #6B6DC6, #3F3F7F, #160411)
- Dusty Coral color palette (#D0EDE2, #E17055, #005F89, #002C42, #000201)
Browse the whole catalog at Explore, or see today's palette.