Petrol Basin color palette — #E1F3F1 · #8FB7D4 · #006EA8 · #004D5F · #002F56
Built around Peacock, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Cream (#E1F3F1): a clean, paper-quiet neutral.
- Ash (#8FB7D4): A luminous, dusty blue — the color of a favorite pair of jeans.
- Peacock (#006EA8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#004D5F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Navy (#002F56): A deep, shadowed, balanced blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Balance. 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
- Ancient Cypress color palette (#E4F2EF, #86BBC8, #00777B, #005144, #00353B)
- Timeworn Meadow color palette (#ECF8F7, #AAC9E6, #4C7BB0, #005B7B, #243A61)
- Muted Coast color palette (#F3E5EB, #88BBD7, #1569C5, #004B4C, #0F1132)
- Hushed Periwinkle color palette (#ECF1E1, #A1DCFF, #5EACE6, #168CAA, #0F2F4F)
- Wandering Market color palette (#DCEFEC, #5F99AA, #00516A, #002F33, #001623)
- Patina Petrol color palette (#EFF7F7, #D7DBEC, #7B9DBF, #377791, #40546D)
- Feathered Brick Studio color palette (#DEDDF0, #8550A4, #B10032, #005083, #2B1239)
- Aubergine Workshop color palette (#F0F0FF, #DBB2DB, #C976AD, #603AA1, #3E2346)
Browse the whole catalog at Explore, or see today's palette.