Petrol Study color palette — #F0F3E8 · #BBE8D6 · #6193BA · #096980 · #38233B

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

The five colors

• Cream (#F0F3E8): a clean, paper-quiet neutral.
• Mint (#BBE8D6): A whisper-light, dusty teal — the color of sea glass.
• Slate Blue (#6193BA): A luminous, dusty blue — the color of open sky before noon.
• Peacock (#096980): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#38233B): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Hushed Cerulean Atelier color palette (#F2F3EA, #C4E7CC, #5199AB, #276A69, #103424)
• Sunlit Cobalt color palette (#F0F4E5, #8EDBFF, #1A8CC4, #006070, #002743)
• Periwinkle Study color palette (#DBFAF0, #49ACF5, #C06CA6, #256A9B, #3C1832)
• Washed Denim color palette (#DFE1D3, #5AABB2, #006471, #003A37, #000D12)
• Feathered Delta color palette (#EDF3E3, #3F8FD2, #00478F, #00293B, #00011A)
• Hazy Study color palette (#FDEBFF, #3F90E5, #9D67AC, #2B7972, #271828)
• Wandering Meadow color palette (#B0EEFF, #00B6DF, #007FAB, #00557B, #092B45)
• Washed Powder color palette (#FBF4EE, #C1E4F6, #93BEF4, #449091, #513549)

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