Washed Petrol Harbor color palette — #F1F7F2 · #C4E0FA · #698BC0 · #006D84 · #394765
Peacock and Slate Blue set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#F1F7F2): a clean, paper-quiet neutral.
- Powder Blue (#C4E0FA): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Slate Blue (#698BC0): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#006D84): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#394765): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Washed Petrol Harbor 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
- Cerulean Study color palette (#F1F7F2, #BAE4F1, #2A9AAC, #10735B, #2E4C5D)
- Aged Meadow color palette (#ECF9EE, #A1D5F9, #2B80DD, #006474, #2D3C6E)
- Hushed Garden color palette (#FAEEF2, #C0E0FF, #7E8BBB, #006C6E, #282942)
- Dusty Ridge color palette (#E1EAE3, #62ABBA, #00607D, #003E3A, #002238)
- Antique Navy color palette (#E7EFE8, #4989A5, #004065, #002225, #00081E)
- Hushed Lagoon Lantern color palette (#FBF4ED, #BDF2E1, #93A3D3, #368989, #5D3C4B)
- Aged Balcony color palette (#EAFAED, #70C7D2, #007A96, #00574C, #003751)
- Sunlit Lilac color palette (#E3FBF5, #8EAB68, #9B75C7, #517219, #3E3F5E)
Browse the whole catalog at Explore, or see today's palette.