Petrol Study color palette — #F0F7F3 · #CDDDDF · #BFADBB · #006E8E · #313E38

Built around Peacock, softened by Ash — the whole palette hums with trust and stability.

The five colors

• Ivory (#F0F7F3): a clean, paper-quiet neutral.
• Silver (#CDDDDF): bright and airy, almost weightless.
• Ash (#BFADBB): A luminous, dusty pink — the color of a candy shop window.
• Peacock (#006E8E): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#313E38): quiet, heavy and certain.

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

Use it as a design system

One click turns Petrol Study 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

• Cerulean Thicket color palette (#EFF6FB, #D8D8E7, #C3BACD, #2B8DA7, #323C42)
• Aged Petrol color palette (#ECF4EF, #E5D3D9, #CDADBC, #007086, #18241D)
• Denim Orchard color palette (#E5EDEA, #BFB5BF, #9D8695, #004A6D, #05251C)
• Wandering Cobalt Summit color palette (#F9F3F7, #DFD8D7, #AFACA1, #797BB5, #575054)
• Patina Cocoa color palette (#C1F1E2, #BCA2B4, #8B6372, #6E4725, #36431E)
• Ultramarine Harbor color palette (#FDF1FA, #E2CBD6, #C499A6, #3645C9, #422A3C)
• Dusty Cypress color palette (#F5F7E6, #78A78C, #0E7362, #005560, #2D3C00)
• Amethyst Ridge color palette (#FDF2F6, #E3D6D2, #D6B2B1, #804AB8, #4C3A41)

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