Worn Petrol Basin color palette — #F4F6EE · #C7E4DA · #648EB8 · #006C8C · #30486B
A conversation between Peacock and Slate Blue, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F4F6EE): a clean, paper-quiet neutral.
- Silver (#C7E4DA): A whisper-light, dusty teal — the color of sea glass.
- Slate Blue (#648EB8): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#006C8C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#30486B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Worn Petrol Basin 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
- Ancient Courtyard color palette (#F5F6ED, #CDE3D2, #5295A5, #00716F, #2B513F)
- Cerulean Balcony color palette (#F6F1EC, #C3E5D9, #6D8EC6, #006B73, #3D2133)
- Chalky Grove color palette (#F4F7EB, #A2D6F5, #0086CD, #00637A, #014175)
- Muted Balcony color palette (#EBF8F8, #D6DBF2, #97C2ED, #65A1BB, #364961)
- Denim Garden color palette (#E7E8DC, #70A9B2, #006273, #003E3D, #00242F)
- Timeworn Drift color palette (#F5F7E7, #65CAD0, #007C8B, #005651, #003A46)
- Antique Cobalt Pier color palette (#EDF0E6, #91BCB0, #2268B7, #004B68, #112A5F)
- Petrol Market color palette (#FFF1F5, #9A79B3, #B75A62, #0A6EAA, #4C2D38)
Browse the whole catalog at Explore, or see today's palette.