Petrol Study color palette — #EEF6FC · #D9DAE4 · #C2BDCB · #457C93 · #42494D

Slate and Stone set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EEF6FC): bright and airy, almost weightless.
• Silver (#D9DAE4): bright and airy, almost weightless.
• Stone (#C2BDCB): A luminous, dusty violet — the color of wild irises.
• Slate (#457C93): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#42494D): 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

• Timeworn Cerulean color palette (#F0F7F3, #DFD4D2, #ACA393, #539AB2, #404B45)
• Powder Villa color palette (#EBF7FF, #A9BDDE, #817C97, #496B5C, #3D5349)
• Wandering Field color palette (#F3F4FD, #E3D4E1, #BCADC1, #6C5988, #383945)
• Wandering Chapel color palette (#D4E0EB, #99AAC6, #787D99, #003C58, #071520)
• Muted Terrace color palette (#EBF9F5, #89BE9C, #268477, #455D6D, #2A4948)
• Aubergine Archive color palette (#E1E0E9, #BEB4CA, #9B869D, #563368, #1E1D2B)
• Sunlit Bloom color palette (#EEF6FF, #1BF2F5, #86BEFF, #9A71A4, #323D54)
• Timeworn Sapphire color palette (#D8E6F8, #026CDD, #2C3049, #182029, #0A0C12)

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