Petrol Study color palette — #FAF4EC · #B6DFD1 · #6F97CF · #00798F · #2D3760

Teal takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FAF4EC): bright and airy, almost weightless.
• Silver (#B6DFD1): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#6F97CF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#00798F): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#2D3760): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, 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

• Antique Field color palette (#FAF4EB, #C4DCC3, #53A3B0, #007F61, #004154)
• Washed Azure Garden color palette (#FFF4E2, #79D9FF, #0095DD, #007177, #003169)
• Tempered Cobalt Hollow color palette (#FAF4EE, #AACEC2, #6374B1, #005F60, #403258)
• Dusty Veranda color palette (#EBE1D0, #6BADBD, #007095, #004A47, #001527)
• Powder Field color palette (#FBF3F5, #C6E4FE, #91AEFD, #2F9E9B, #343758)
• Ultramarine Courtyard color palette (#EFE4D3, #6E97BE, #224FB3, #003949, #06002B)
• Chalky Lilac Loft color palette (#FFD9E3, #B07DCD, #B47C28, #008987, #362142)
• Ancient Ash Bloom color palette (#FFF1F5, #FFD3D4, #E6AFB5, #8E84B8, #5C393E)

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