Petrol Basin color palette — #F7ECE7 · #82BCC8 · #00719C · #005143 · #0F2E53
Built around Peacock, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Cream (#F7ECE7): bright and airy, almost weightless.
- Ash (#82BCC8): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#00719C): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#005143): A deep, shadowed, dusty teal — the color of glacier melt.
- Navy (#0F2E53): 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 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
- Aged Petrol Basin color palette (#E0ECEA, #83BFCA, #007790, #004B4C, #001923)
- Timeworn Cabin color palette (#EEF0E6, #97CFDB, #0095B5, #006B6E, #003345)
- Weathered Delta color palette (#EBDBCF, #71A6C4, #0B56A4, #003E3F, #16144F)
- Dusty Forest color palette (#DBFEE9, #9FC7EF, #A18EC6, #006758, #04354A)
- Dusty Chapel color palette (#BFEBFF, #20A1DD, #005A74, #00303F, #001B29)
- Tempered Lagoon Parlor color palette (#FCEAE1, #479FA0, #005364, #00321D, #001625)
- Airy Sky color palette (#F5EBF2, #9DE0ED, #0DB2F1, #00937B, #0E2E54)
- Aged Brick color palette (#CDE5D7, #008DAB, #AD413C, #005265, #4E0D0D)
Browse the whole catalog at Explore, or see today's palette.