Petrol Market color palette — #D5E4F4 · #0067AF · #714D00 · #004228 · #000815

Built around Cobalt, softened by Bronze — the whole palette hums with nature and growth.

The five colors

• Frost (#D5E4F4): A whisper-light, dusty blue — the color of open sky before noon.
• Cobalt (#0067AF): A full-bodied, balanced blue — the color of open sky before noon.
• Bronze (#714D00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Forest (#004228): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#000815): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged muted.

Use it as a design system

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

• Lapis Balcony color palette (#DFE8FF, #544FC9, #6A5100, #004039, #05031F)
• Sunlit Cobalt Drift color palette (#DCEBF9, #0B7BBD, #7D6000, #004F46, #001122)
• Pale Cabin color palette (#D6EFFF, #006F8F, #A2001F, #3F3600, #000911)
• Hazy Delta color palette (#E6EAFD, #7437CF, #990E53, #473200, #05051A)
• Patina Workshop color palette (#D3DDFB, #5A38E0, #8B2B49, #004044, #121931)
• Lowlit Station color palette (#DDE6F7, #2C1CB5, #273E00, #002128, #01000B)
• Aged Drift color palette (#EDEDFF, #7655FF, #135C06, #004257, #0A0326)
• Weathered Olive color palette (#EFF1FF, #8F75C4, #7A7A00, #006057, #16182B)

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