Petrol Basin color palette — #DCE9EF · #B8C6D2 · #97A6B9 · #006C81 · #0F222B

Peacock and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#DCE9EF): a clean, paper-quiet neutral.
• Stone (#B8C6D2): A luminous, dusty blue — the color of a favorite pair of jeans.
• Blue Fog (#97A6B9): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#006C81): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#0F222B): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Abyss Station color palette (#E8F0F4, #B0BAC5, #878DA2, #004E59, #0C222B)
• Wandering Petrol color palette (#F0F7F3, #C4E1E3, #CAB2C9, #006B7F, #031008)
• Patina Field color palette (#ECEEF7, #D6D5E7, #BAB4C6, #7567A2, #292D3D)
• Cypress Quarry color palette (#CCE7E0, #6FA077, #007254, #004F52, #002209)
• Dusty Ash color palette (#D3E7F1, #798FC2, #796B99, #6E4023, #362900)
• Navy Villa color palette (#EBEFF6, #A1A4B2, #84839B, #303D83, #040916)
• Washed Ultramarine Corridor color palette (#D5E4D8, #008EB2, #214DBA, #691300, #001828)
• Hushed Denim Study color palette (#CCE5FE, #0065A1, #382D30, #162049, #000A17)

Browse the whole catalog at Explore, or see today's palette.