Petrol Garden color palette — #F4F6EE · #BCDDD0 · #609BCD · #007895 · #213C5B

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 (#F4F6EE): a clean, paper-quiet neutral.
• Silver (#BCDDD0): A whisper-light, dusty teal — the color of glacier melt.
• Blue Fog (#609BCD): A luminous, balanced blue — the color of open sky before noon.
• Teal (#007895): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#213C5B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

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

• Softworn Workshop color palette (#F4F8E5, #81D9F6, #0099CA, #00707C, #003752)
• Feathered Cerulean Harbor color palette (#D4E4E9, #4CB6E1, #0092C7, #006296, #083A62)
• Washed Petrol color palette (#E9EBDE, #64AFBC, #007289, #004A4B, #001720)
• Timeworn Garden color palette (#EEF1E8, #6D98BA, #0059A0, #00384D, #000720)
• Cobalt Villa color palette (#E2E5DC, #90B6DA, #2F74CA, #005475, #041850)
• Timeworn Lagoon color palette (#FFF0FF, #F7CFD8, #BDBEF6, #3494D0, #543B53)
• Pale Moss Corridor color palette (#DDF5EB, #69B1DB, #68A858, #007BAB, #164009)
• Worn Cobalt color palette (#FBF4EE, #9DCCEA, #4578C3, #005F63, #4C3043)

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