Petrol Basin color palette — #F0F6FB · #D9D8E1 · #ADB2CA · #006C99 · #323C44

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

The five colors

• Ivory (#F0F6FB): a clean, paper-quiet neutral.
• Silver (#D9D8E1): bright and airy, almost weightless.
• Ash (#ADB2CA): A luminous, dusty violet — the color of a velvet chair.
• Peacock (#006C99): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#323C44): quiet, heavy and certain.

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

• Washed Petrol Delta color palette (#EBF4F1, #E2D3D8, #C5B0C1, #396990, #192320)
• Driftwood Boulevard color palette (#F3F5FB, #DDD8DD, #B8A8A2, #827AA9, #505259)
• Hushed Study color palette (#E0E6ED, #B4B9C3, #8B8CA2, #004779, #16202B)
• Byzantium Bloom color palette (#F4F4FC, #E0D6DD, #C6B6C8, #884CA3, #3F3D52)
• Softworn Lapis color palette (#F1F5FF, #D1D1E2, #ACA0BF, #4E38CC, #2C3244)
• Antique Driftwood Terrace color palette (#DDEDF8, #93A9CD, #8C6E98, #485B34, #00493D)
• Dusty Fern color palette (#FFF1F6, #7FA68B, #5F692B, #394A6F, #193E28)
• Hushed Aubergine Delta color palette (#DEDEE7, #9B97A7, #796A7E, #3C0066, #070715)

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